浏览器加载JS的顺序是怎么样的

JavaScript014

浏览器加载JS的顺序是怎么样的,第1张

1.如果没有添加window.onload的话,那么如果把这段js代码放在myBtn前面,浏览器首先会加载这段js代码,然后就会运行这段代码,但是此时myBtn还未被浏览器加载渲染,所以就找不到这个元素。

2.如果添加了window.onload,那么表示浏览器加载完所有的DOM之后才会运行这段js代码,所以,在这段代码运行之前,就可以找到myBtn这个元素,所以可以正常运行了。

如果把js文件放在前面会阻挡后面内容的呈现,会阻塞其后组件的下载。

对于图片和css,在加载时会并发加载,但在加载js时,会禁用并发,并且阻止其它内容的下载,所以把js放在页面顶部会导致白屏现象。

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

//内容

})

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

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

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