源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JS延迟加载加快页面打开速度示例代码

  • 时间:2021-01-03 07:33 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS延迟加载加快页面打开速度示例代码
[b]第一,JS延迟加载[/b] 代码如下:
[u]复制代码[/u] 代码如下:
<script language="JavaScript" src="" id="my"></script> <script language="JavaScript"> setTimeout("document.getElementById('my').src='include/...文件...php'; ",3000);//延时3秒 </script>
[b]第二,JS最后加载[/b] 在需要插入JS的地方插入以下代码: <SPAN id=L4EVER>LOADING...</SPAN> 当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢. 然后在页面最底端插入:
[u]复制代码[/u] 代码如下:
<SPAN class=spanclass id=AD_L4EVER> 你的JS代码在这里!</SPAN> <script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>
第三,JS最后加载 想要显示广告的位置 <div id="guangg1"></div> 想要显示的广告内容
[u]复制代码[/u] 代码如下:
<div id="ggad1" style="display:none"> <script language="javascript" src="/include/.......js"></script> </div>
判断要显示的广告位置是否存在
[u]复制代码[/u] 代码如下:
<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); 不然会提示参数未定义.
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部