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); 不然会提示参数未定义.