本文介紹了如何延遲javascript代碼的載入,加快網頁的訪問速度。
當一個網站有很多js代碼要載入,js代碼放置的位置在一定程度上將會影像網頁的載入速度,為了讓我們的網頁載入速度更快,本文總結了一下幾個注意點:
1、延遲載入js代碼
復制代碼
代碼如下:
<script
type=」text/javascript」
src=」"
id=」my」></script>
<script
type=」text/javascript」>
setTimeout(「document.getElementById(『my').src='include/php100.php';
「,3000);//延時3秒
</script>
這樣通過延遲載入js代碼,給網頁載入留出更多的時間!
2、js最後載入方案一
在需要插入JS的地方插入以下代碼:
程序代碼
復制代碼
代碼如下:
<span
id=」L4EVER」>LOADING…</span>
當然,那個LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢.
然後在頁面最底端插入:
程序代碼
復制代碼
代碼如下:
<span
id=」AD_L4EVER」>你的JS代碼在這里!</span
>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=」";</script>
3、讓JS最後載入方案二
這個牽涉到網頁的載入順序問題,例如引入外部js腳本文件時,如果放入html的head中,則頁面載入前該js腳本就會被載入入頁面,而放入body中,則會按照頁面從上倒下的載入順序來運行javascript的代碼~~~
所以我們可以把js外部引入的文件放到頁面底部,來讓js最後引入,從而加快頁面載入速度。
② 求 一個js 效果 點擊「顯示更多」的時候在本頁面 載入更多內容
不想給你寫,我就給你說原理吧,用第一個按鈕給個onclick=fun1(); 第二個給onclick=fun2();
然後寫著兩個函數回,fun1中的ajax調用的sql語句加答limit 10,fun2 中ajax不加limit不就完了
對了ajax不能傳數組的,所以你先要把數組轉化成字元串,什麼格式你自己看著辦,都支持