延時加載JavaScript代碼提高速度
延時加載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的最底部,這樣也可以先加載內容再去執(zhí)行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>
相關文章
解決Layui當中的導航條動態(tài)添加后渲染失敗的問題
今天小編就為大家分享一篇解決Layui當中的導航條動態(tài)添加后渲染失敗的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS target與currentTarget區(qū)別說明
target在事件流的目標階段;currentTarget在事件流的捕獲,目標及冒泡階段。只有當事件流處在目標階段的時候,兩個的指向才是一樣的,而當處于捕獲和冒泡階段的時候,target指向被單擊的對象而currentTarget指向當前事件活動的對象(一般為父級)。2011-08-08一些Javascript的IE和Firefox(火狐)兼容性的問題總結及常用例子
下面是一些Javascript的IE和Firefox(火狐)兼容性的常用例子2009-05-05解析img圖片沒找到onerror事件 Stack overflow at line: 0
本篇文章主要介紹了img圖片沒找到onerror事件 Stack overflow at line: 0 需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12