对于JS使用async异步加载顺序错误的解决办法

使用async后,JS脚本会按下载进度运行

然而我们需要在某个脚本加载后就执行事件,可以使用onload运行

1先定义一个JS函数,用于执行

function onLoadScript(){  window.addEvent("domready", function() { $$("pre").light({ mode: "ol" ,altLines: "hover" });  })   }

2 设置在哪个js下载完后运行函数事件

<script src="yourjs.js" async type="text/javascript" onload="onLoadScript();"> </script> 

3 这种方法不好使, 建议使用 defer 属性
async是乱序执行, defer是最后下载脚本顺序执行.
async适用于广告,统计等与DOM操作无关的脚本

Leave a Comment