JS延迟加载或JS最后加载加快网页打开速度[转]
~~原文如下,转自http://apps.hi.baidu.com/share/detail/10885683
第一,JS延迟加载
代码如下:
程序代码
<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/php100.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="/frontpage/include/php100.js"></script></div>
判断要显示的广告位置是否存在
<script>
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>
上一篇:关于jquery中ready实现的原理[转]
下一篇:获取光标选中的文字内容 或是 节点位置

回复 2011-11-25 21:51:37 by ivy
回复 2011-11-25 21:56:02 by timestamp
不过对JS确实认识不少啊~
回复 2011-11-25 22:00:22 by ivy
回复 2011-11-25 22:01:25 by timestamp
回复 2011-11-25 22:02:47 by ivy
回复 2011-11-25 22:03:38 by timestamp