DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS延遲加載加快頁面打開速度
JS延遲加載加快頁面打開速度
編輯:JavaScript綜合知識     

 使用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); 不然會提示參數未定義.   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved