js异步加载的三种解决方案
浏览数：20 /
时间：2015年06月09日
(1) defer，只支持IE
<script type="text/javascript" defer="defer"> alert(document.getElementById("p1").firstChild.nodeValue); </script>
(2) async：
async的定义和用法(是HTML5的属性) ;async
属性规定一旦脚本可用，则会异步执行。
<script type="text/javascript" src="demo_async.js" async="async"></script>
注释：async 属性仅适用于外部脚本（只有在使用 src 属性时）。
注释：有多种执行外部脚本的方法：
?如果
async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
?如果不使用 async 且
defer="defer"：脚本将在页面完成解析时执行
?如果既不使用 async 也不使用
defer：在浏览器继续解析页面之前，立即读取并执行脚本
(3) 创建script，插入到DOM中，加载完毕后callBack
function loadScript(url, callback){ var script = document.createElement_x("script") script.type = "text/javascript"; if (script.readyState){ //IE script.onreadystatechange = function(){ if (script.readyState == "loaded" || script.readyState == "complete"){ script.onreadystatechange = null; callback(); } }; } else { //Others: Firefox, Safari, Chrome, and Opera script.onload = function(){ callback(); }; } script.src = url; document.body.appendChild(script); }
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
