首頁 > web前端 > js教程 > 延時載入JavaScript程式碼提高速度_javascript技巧

延時載入JavaScript程式碼提高速度_javascript技巧

WBOY
發布: 2016-05-16 15:23:17
原創
1102 人瀏覽過

延遲載入js程式碼提高速度,具體內容如下:

如果網頁中存在大量的javascript程式碼會極大的影響網頁的存取速度,以下就簡單介紹一下如何處理此問題。

一.延時載入js檔:

可以使用定時器函數setTimeout()讓外部的js檔案延遲加載,例如:

<script type="text/javascript" src="" id="my"></script> 
<script type="text/javascript"> 
var js=document.getElementById("my"); 
function addjs(){
 js.src="js/js.js"; 
}
setTimeout(addjs,3000);
</script>
登入後複製

以上程式碼可以實現js程式碼咋3秒之後再加載,這樣可以在一定程度上提高速度。

二.將js程式碼放到網頁內容的後面:

這個比較簡單了,就不用說了,就是將js程式碼放在網頁內容的後面,一把是放在body的最底部,這樣也可以先載入內容再去執行js程式碼,也能夠提升一定的速度。

下面跟大家介紹JS廣告代碼延遲載入或是最後載入加快頁面載入

JS廣告程式碼延遲載入或是最後載入加快頁面載入,如果頁面中有很多JS廣告程式碼,或是其他的js/' target='_blank' class='u'>JS程式碼太大,這時候載入起來就會很花時間。使用JS廣告代碼延遲載入或是最後載入的方法以加快頁面載入速度。

第一,JS延遲載入

程式碼如下:

<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/php100.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最後載入

想要顯示JS廣告代碼的位置

<div id="guangg1"></div>
登入後複製

想要顯示的廣告內容

<div id="ggad1"><script language="javascript"
src="/frontpage/include/php100.js"></script></div>
登入後複製

判斷要顯示的廣告位置是否存在

<script>
function chkdiv(divid){
var chkid=document.getElementById(divid);
if(chkid != null)
{return true; }
else
{return false; }
}   最后就是显示JS广告代码了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>
登入後複製
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板