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

浏览器加载静态资源和js的方式都是线性加载,所以一般情况可以将js放到</body>前,防止UI线程的阻塞。 而某些时候我们既希望js在整个网页的头部就加载,又担心js阻塞导致网站加载缓慢,就可以用到无阻塞加载js技术。 Dynamic Script Elements 动态脚本元素 DOM允许我们使用Javascript动态创建HTML的几乎所有文档内容,一个新的[removed]元素可以非常容易的通过标准DOM创建: var script = document.createElement ("script"); script.type = "text/javascript";