萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS延遲加載加快頁面打開速度

JS延遲加載加快頁面打開速度

 使用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); 不然會提示參數未定義.   
copyright © 萬盛學電腦網 all rights reserved