欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

window.onload 加載完畢的問題及解決方案（上）

 更新時間：2009年07月09日 23:38:08   作者：  
我們經(jīng)常使用 window.onload 來處理頁面，當(dāng)頁面加載完成做一些事情。但這個 window.onload 是頁面全部加載完成，甚至包括圖片，而我們實際上經(jīng)常需要的是文檔 DOM 加載完畢！
解決方法，
一、Mozilla 提供了一個非公開的(undocumented)函數(shù)：
復(fù)制代碼 代碼如下:

// for Mozilla browsers
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
}

二、對于 IE 瀏覽器，可以使用IE特有的 defer 屬性：
復(fù)制代碼 代碼如下:

<script defer type="text/javascript">
alert("DOM 加載完畢！")
</script>

具有defer屬性的腳本塊會在DOM 加載完畢后執(zhí)行。
非IE瀏覽器會忽略 defer 而直接執(zhí)行 script 代碼，因此，你可以有兩種辦法來屏蔽非IE瀏覽器執(zhí)行這段針對IE的代碼：
1.條件注釋
復(fù)制代碼 代碼如下:

<!--[if IE]>
<script defer type="text/javascript">
alert("DOM 加載完畢！")
</script>
<![endif]-->


2.條件編輯
復(fù)制代碼 代碼如下:

<script defer type="text/javascript">
// for Internet Explorer
/*@cc_on @*/
/*@if (@_win32)
alert("DOM 加載完畢！");
/*@end @*/
</script>


三、對于Safari，這里有一個jQuery的解決方案：
復(fù)制代碼 代碼如下:

if (/WebKit/i.test(navigator.userAgent)) { // sniff
var _timer = setInterval(function() {
if (/loaded|complete/.test(document.readyState)) {
clearInterval(_timer);
init(); // call the onload handler
}
}, 10);
}

相關(guān)文章

  • JS鼠標(biāo)滑過圖片時切換圖片實現(xiàn)思路

    JS鼠標(biāo)滑過圖片時切換圖片實現(xiàn)思路

    在瀏覽網(wǎng)頁時會看到這樣的效果：當(dāng)鼠標(biāo)滑過一張圖片后，這張圖片切換為了另外的一張圖片，下面為大家介紹下具體是如何實現(xiàn)的，感興趣的朋友不要錯過
    2013-09-09
  • 微信小程序?qū)崿F(xiàn)跑馬燈效果完整代碼(附效果圖)

    微信小程序?qū)崿F(xiàn)跑馬燈效果完整代碼(附效果圖)

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)跑馬燈效果完整代碼(附效果圖)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • 微信小程序?qū)崿F(xiàn)批量倒計時功能

    微信小程序?qū)崿F(xiàn)批量倒計時功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)批量倒計時功能，適用于商品列表倒計時，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-06-06
  • js操作iframe父子窗體示例

    js操作iframe父子窗體示例

    這篇文章主要介紹了js如何操作iframe父子窗體,需要的朋友可以參考下
    2014-05-05
  • js點擊button按鈕跳轉(zhuǎn)到另一個新頁面

    js點擊button按鈕跳轉(zhuǎn)到另一個新頁面

    點擊按鈕怎么跳轉(zhuǎn)到另外一個頁面呢？點擊圖片要跳轉(zhuǎn)到新的頁面時，怎么做到呢？可以使用onclick=window.location=新頁面來實現(xiàn)
    2014-10-10
  • javascript中數(shù)組的冒泡排序使用示例

    javascript中數(shù)組的冒泡排序使用示例

    數(shù)組的冒泡排序很實用，不過還是有些同學(xué)們不會，于是在本文為大家詳細(xì)介紹下，感興趣的朋友不要錯過
    2013-12-12
  • JavaScript中的isXX系列是否繼續(xù)使用的分析

    JavaScript中的isXX系列是否繼續(xù)使用的分析

    我們很容易被漂亮的代碼吸引，也不知不覺的在自己的代碼庫中加入這些。卻沒有冷靜的想過它們的優(yōu)劣。這不，我就收集了一系列形如 “是否為……？” 的判斷的boolean函數(shù)。
    2011-04-04
  • javaScript操作字符串的一些常用方法

    javaScript操作字符串的一些常用方法

    本文主要介紹了javaScript操作字符串的一些常用方法，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-05-05
  • JavaScript?split()方法定義及更多實例

    JavaScript?split()方法定義及更多實例

    這篇文章主要給大家介紹了關(guān)于JavaScript?split()方法定義及更多實例的相關(guān)資料,js里的split()方法大家都知道用于將字符串轉(zhuǎn)化為字符串?dāng)?shù)組,文中通過代碼實例介紹的非常詳細(xì),需要的朋友可以參考下
    2024-03-03
  • js中什么時候不能使用箭頭函數(shù)

    js中什么時候不能使用箭頭函數(shù)

    箭頭函數(shù)是和我們工作密切相關(guān)的東西，本文主要介紹了js中什么時候不能使用箭頭函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-06-06

最新評論