快捷導(dǎo)航

JS延遲加載加快頁面打開速度示例代碼

更新時間：2013年12月30日 15:32:58 作者：

使用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效果呢.

然后在頁面最底端插入:

復(fù)制代碼代碼如下:

 
<SPAN class=spanclass id=AD_L4EVER> 
你的JS代碼在這里!</SPAN> 
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script> 

第三,JS最后加載

想要顯示廣告的位置
<div id="guangg1"></div>

想要顯示的廣告內(nèi)容

復(fù)制代碼代碼如下:

 
<div id="ggad1" style="display:none"> 
<script language="javascript" src="/include/.......js"></script> 
</div> 

判斷要顯示的廣告位置是否存在

復(fù)制代碼代碼如下:

 
<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(表達式,時間(毫秒)) 兩個參數(shù).

在這里著重記下第一個參數(shù)是一個 function時的調(diào)用,假設(shè)是一個函數(shù).

1.函數(shù)無參:

function alertV(){ alert("000"); }

當?shù)谝粋€參數(shù)不加引號("" 或 '')時,延遲一秒:
setTimeout(alertV,1000);

當?shù)谝粋€參數(shù)加上又引號時,延遲一秒:
setTimeout("alertV()",1000);

2. 函數(shù)有參:

function alertV(event){ alert("keyCode="+event.keyCode); }

此時應(yīng)設(shè)置成:
setTimeout(function(){alertV(event);},1000); 不然會提示參數(shù)未定義.

您可能感興趣的文章: