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

第一，JS延迟加载

　　代码如下:

复制代码代码如下:

　　setTimeout("document.getElementById('my').src='include/...文件...php'; ",3000);//延时3秒

　　</script>

　　第二,JS最后加载

　　在需要插入JS的地方插入以下代码:

　　<SPAN id=L4EVER>LOADING...</SPAN>

　　当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.

　　然后在页面最底端插入:

复制代码代码如下:

　　你的JS代码在这里!</SPAN>

　　<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

　　第三,JS最后加载

　　想要显示广告的位置

　　想要显示的广告内容

复制代码代码如下:

　　</div>

　　判断要显示的广告位置是否存在

复制代码代码如下:

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