js文件放的顺序会影响什么

JavaScript061

js文件放的顺序会影响什么,第1张

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

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

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

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

js 有时加载有时不加载是设置错误造成的,解决方法为:

1、Script DOM Element方法代码。

2、<async>属性是HTML5中新增的异步支持,此方法被称为Script DOM Element 方法。但是这种加载方式执行完之前会阻止onload事件的触发,而现在很多页面的代码都在onload时还执行额外的渲染工作,所以还是会阻塞部分页面的初始化处理。

3、获取XMLHttpRequest对象代码,考虑到兼容性。

4、采用Http请求get方式open()方法的第三个参数表示采用异步(true)还是同步(false)处理代码。

5、XHR Eval:与XHR Injection对responseText的执行方式不同,直接把responseText放在eval()()函数里面执行。获取XMLHttpRequest对象,考虑兼容性。