标签：load graph att 元素 封装 als asc nts 代码
同步加载 同步模式又称阻塞模式，会阻止浏览器的后续处理，停止了后续的文件的解析，执行，如图像的渲染。流览器之所以会采用同步模式，是因为加载的js文件中有对dom的操作，重定向，输出document等默认行为，所以同步才是最安全的。通常会把要加载的js放到body结束标签之前，使得js可在页面最后加载，尽量减少阻塞页面的渲染。这样可以先让页面显示出来
简单的说
js在网页中加载会阻塞到未加载的css，html的加载跟渲染
•异步加载也叫非阻塞模式加载，浏览器在下载js的同时，同时还会执行后续的页面处理。
在script标签内，用js创建一个script元素并插入到document中，这种就是异步加载js文件了。
•同步加载流程是瀑布模型，异步加载流程是并发模型。
简单的说
•异步加载不会阻塞未加载的css、html的加载，
延迟加载（lazy loading）
延迟加载：有些 js 代码并不是页面初始化的时候就立刻需要的，而稍后的某些情况才需要的。延迟加载就是一开始并不加载这些暂时不用的js，而是在需要的时候或稍后再通过js 的控制来异步加载。
简单的说
•用的时候再执行，不用不执行
分享下封装好的代码
function loadScript() { var script = document.createElement("script"); script.type = "text/javascript"; //<script style = “text/javascript”> script.src = url; //<script style = “text/javascript” url = “”> if(script.readyState) {} // readyState载入中 (function() { function async_load() { var s = document.createElement(‘script‘); s.type = ‘text/javascript‘; s.async = true; s.src = ‘http://yourdomain.com/script.js‘; var x = document.getElementsByTagName(‘script‘)[0]; x.parentNode.insertBefore(s, x); // parentNode返回元素的父节点 // insertBefore在当前子节点的旁边插入节点 } if(window.attachEvent) //attachEvent将代码层跟ul层相分离 window.attachEvent(‘onload‘, async_load); else window.addEventListener(‘load‘, async_load, false); })();
标签：load graph att 元素 封装 als asc nts 代码
原文地址：https://www.cnblogs.com/Tmode/p/10942093.html
