JS消極式載入加快頁面開啟速度

來源:互聯網
上載者:User

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

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。