首页 > 其他 > 详细

解决“向终端显示内容产生时间延迟”

时间:2017-10-15 10:32:53      阅读:246      评论:0      收藏:0      [点我收藏+]

①将所有的脚本放置于HTML的末尾,这样处理JS脚本的延迟会在页面完成渲染之后出现②脚本加载:创建一段内嵌的JS代码,动态的将脚本标签附加到文档后边

示例:

var remoteLoader = function remoteLoader(){
     function constructScriptTag(src){
     var script = window.document.createELement(‘SCRIPT‘);
     script.src = src;
     return script;
     }
     return{
       loadJS:function(script_url){
         if(typeof script_url === "object"){
           var frag = document.createDocumentFragment();
           for(var ind = 0;ind<script_url.length;ind++){
             frag.appendChild(constructScriptTag(script_url[ind]));  
           }
           window.document.getElementsByTagName(‘HEAD‘)[0].appendChild(frag.cloneNode(true));       
         }
       }else if(typeof script_url === "string"){
          window.document.getElementByTagName(‘HEAD‘)[0].appendChild(construcScriptTag(script_url));
        }
     }
   }();

可以通过传递一个字符串或者一个数组来调用该函数

   <script>
     remoteLoader.loadJS("");//passing in a string
     remoteLoader.loadJS(["",""]);//passing in a array
   </script>

 

解决“向终端显示内容产生时间延迟”

原文:http://www.cnblogs.com/wccc/p/7669178.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!