美文网首页
js补充30-异步加载js

js补充30-异步加载js

作者: 常婧帅 | 来源:发表于2018-08-27 09:17 被阅读0次

    javascript异步加载的三种方案

    1.deder异步加载,但要等到dom文档全部解析完才会被执行。只有IE能用,也可以将代码写到内部。

    2.async异步加载,加载完就执行,async只能加载外部脚本,不能把js写在Script标签里。

    1.2执行时也不阻塞页面

    3.创建script,插入的DOM中,加载完毕后callBack。

    function loadScript(url,callback){
          var script=document.createElement("script");
    script.type="text/javascript";
    if(script.readyState){
          script.onreadystatechange=function(){//ie
    if(script.readyState=="complete"||script.readystate=="loaded"){
    callback();
    }
    }
    }else{
    script.onload=function(){//Safari chrome firefox opera
    callback();
    }
    }
    script.src=url;
    document.head.appendChind@(script);
    }

    相关文章

      网友评论

          本文标题:js补充30-异步加载js

          本文链接:https://www.haomeiwen.com/subject/vlcziftx.html