要害论述了JavaScript在网页加载后实行的各类难点

那是大器晚成篇关于JavaScript根底的小说,主要论述了JavaScript在网页加载后实施的种种难点,那对大家精通JavaScript的运转坐飞机制有着特别首要的声援,一同来拜候。

Javascript是施行顺序是至上而下的,除非您极其说明,
Javascript代码不会等到页面加载完毕后才推行。譬如二个网页里带有以下HTML代码:

<div id="ele">welcome to www.codeceo.com</div>

假若你在此行HTML代码前,插手如下Javascript代码:

<script type="text/javascript">
  document.getElementById('ele').innerHTML= 'welcome to my blog';
</script>

运营该页面,你会拿到如此的错误新闻:“document.getElementById(‘ele’卡塔尔国 is
null。”原因是,当上面的javascript运营时,页面上还并未有ID为‘ele’的DOM成分。

杀绝办法有三种:

  1. 把javascript代码放在HTML代码之后:

    welcome to www.codeceo.com

2.
等到在网页加载达成后,运转该javascript代码。你能够动用古板的消灭办法(load):首先加HTML的body加入“<body
load=”load(State of Qatar”>,”然后在load(卡塔尔国函数里调用上述javascript代码。这里要器重介绍的是用jQuery来落到实处:

<script>
$(document).ready(function(){
   document.getElementById('ele').innerHTML= 'welcome to my blog';
});
</script>
//当然,既然用到了jQuery,更简单的写法是:
<script>
$(document).ready(function(){
   $('#ele').html('welcome to my blog'); //这里也可用.text()方法
});
</script>

你能够把上述jQuery代码放在页面包车型地铁任何地点,它连接等到页面加载完结后才实践。

以上正是我们对JavaScript试行各种的深入分析进度,希望对你持有利于。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website