js的加载顺序

JavaScript06

js的加载顺序,第1张

先加载执行a.js,完毕后再加载执行b.js。

先执行a.js,完毕后再执行b.js。

这就不可以确定谁先执行了,因为通过创建script标签引入的JS,是谁先加载完毕谁先执行,与创建顺序无关。

对于创建script标签引入JS来讲,在某些高级浏览器中有async属性用于控制是按照加载完毕的顺序执行,还是按照创建顺序执行。

页面的加载顺序是从上至下的。

所以一般外部引入js写在最上面。 页面里面的JS写在最下面。

$(function(){...})是在页面JS加载完之后才会加载。 类似于body标签的onload事件。

运行下面的语句, 先会打印出2, 然后才是打印出1.

<html>

<script src='jquery-1.6.min.js' type="text/javascript"></script>

<script>

$(function(){alert(document.getElementById("test").value)})

</script>

<body>

<input type="text" value="1" id="test" />

</body>

<script>alert(2)</script>

</html>

默认是按顺序加载,JS很注重加载顺序,如果想设置加载顺序,可以用$(function(){

//内容

})

写在里面的内容是在所有纯文字(html代码)加载完执行的。

或者用js自带的window.onload={

}写在这里面的是所有内容全部加载完执行,包括图片