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

JavaScript051

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对象，考虑兼容性。