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

然後在頁面最底端插入:

複製代碼代碼如下:

<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); 不然會提示參數未定義.