您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

JS延迟加载加快页面打开速度

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 使用JS延迟加载可以加快打开速度,下面有几个不错的示例,感兴趣的朋友可以参考下

第一,JS延迟加载    代码如下:  代码如下: <script language="JavaScript" src="" id="my"></script>  <script language="JavaScript">  setTimeout("document.getElementById('my').src='include/...文件...php'; ",3000);//延时3秒  </script>    第二,JS最后加载    在需要插入JS的地方插入以下代码:    <SPAN id=L4EVER>LOADING...</SPAN>    当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.    然后在页面最底端插入:  代码如下: <SPAN class=spanclass id=AD_L4EVER>  你的JS代码在这里!</SPAN>  <script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>    第三,JS最后加载    想要显示广告的位置  <div id="guangg1"></div>    想要显示的广告内容  代码如下: <div id="ggad1" style="display:none">  <script language="javascript" src="/include/.......js"></script>  </div>    判断要显示的广告位置是否存在  代码如下: <script language="javascript">  function chkdiv(divid){  var chkid=document.getElementById(divid);  if(chkid != null)  {return true; }  else  {return false; }  } 最后就是显示广告了  if (chkdiv('guangg1')) {  document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;  document.getElementById('ggad1').innerHTML="";  }  </script>    setTimeout用法    setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.    在这里着重记下第一个参数是一个 function时的调用,假设是一个函数.    1.函数无参:    function alertV(){ alert("000"); }    当第一个参数不加引号("" 或 '')时,延迟一秒:  setTimeout(alertV,1000);    当第一个参数加上又引号时,延迟一秒:  setTimeout("alertV()",1000);    2. 函数有参:    function alertV(event){ alert("keyCode="+event.keyCode); }    此时应设置成:  setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.