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