您的位置:首页 > Web前端 > JavaScript

javascript 延迟加载技术(lazyload)简单实现

2011-01-17 22:12 686 查看

   //比较某个子区域是否呈现在浏览器区域
  function jiance(arr,prec1,callback){
   var prec2;
   for(var i = arr.length - 1 ; i >= 0 ;i--){
     if(arr[i]){
     prec2 = getSubClient(arr[i]);
     if(intens(prec1,prec2)){
      callback(arr[i]);
       //加载资源后,删除监测
        delete arr[i];
      }
    }
   }
  }
  //检测目标对象是否出现在客户区
  function autocheck(){
     var prec1 = getClient();
    jiance(arr,prec1,function(obj){
      //加载资源...
     alert(obj.innerHTML)
    })
  }
  //子区域一
   var d1 = document.getElementById("d1");
   //子区域二
  var d2 = document.getElementById("d2");
   //需要按需加载区域集合
  var arr = [d1,d2];
   window.onscroll = function(){
     //重新计算
     autocheck();
  }
  window.onresize = function(){
     //重新计算
     autocheck();
  }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  延迟加载