异步加载src 及 延时加载

异步加载src

function add(url,cellback){                
        var script=document.createElement("script");        
        if (script.readyState) {
            console.log(script.readyState)
             script.onreadystatechange = function  () {                 
                 if(script.readyState == "complete" || script.readyState == "loaded"){
                     cellback();                                          
                 }
             }              
          }else{
              script.onload = function(){
                  cellback();
              }
          }    
           script.src = url;
           
            document.head.appendChild(script)
    }    
    add("620.ex.js",function(){
        test()
    })

 延时加载

var start = Number(new Date()); while(start + 5000 > Number(new Date())){ //执行JS }

1.可用于数据点击埋点
避免立即跳转 埋点请求没有发出就立即跳转页面
2.浏览器滚动到某个位置在触发相关的函数,实现页面元素的加载或者某些动作的执行。

可以通过一个定时器来实现,通过比较某一时刻页面目标节点位置和浏览器滚动条高度来判断是否需要执行函数。

posted @ 2020-05-13 16:57  混名汪小星  阅读(350)  评论(0编辑  收藏  举报