无阻塞加载js,防止因js加载不了影响页面显示的问题

浏览器加载静态资源和js的方式都是线性加载，所以一般情况可以将js放到前，防止UI线程的阻塞。而某些时候我们既希望js在整个网页的头部就加载，又担心js阻塞导致网站加载缓慢，就可以用到无阻塞加载js技术。DOM允许我们使用Javascript动态创建HTML的几乎所有文档内容，一个新的元素可以非常容易的通过标准DOM创建：新的元素加载file1.js源文件。此文件当元素添加到页面后立刻开始下载。此技术的重点在于：无论在何处启动下载，文件的下载和运行都不会阻塞其他页面处理过程。当文件使用动态脚本节点下载时，返回的代码通常立即执行。下面的函数封装实现了标准实现和IE实现：动态脚本加载是非阻塞Javascript下载中最常用的模式，因为它可以跨浏览器，而且简单易用。