讓瀏覽器DOM元素最後載入的js方法,domjs

來源:互聯網
上載者:User

讓瀏覽器DOM元素最後載入的js方法,domjs

讓瀏覽器DOM元素最後載入的js方法

window.onload = =function() { a(); b(); }

就在介面所有元素載入完後,執行a()方法和 b()方法,防止在介面載入一半就彈出對話方塊,結果背景是空白的


怎實現載入DOM時執行js代碼

大家可以使用windows.onload事件,但onload在看來,就是頁面上的東西(img,iframe等資源)全部都載入完畢後才能發生,如果頁面內有大的圖片的話,會在頁面展現後好久時間後才執行。
如果只需要對DOM進行操作,那麼這時就沒必要等到頁面全部載入了。我們需要更快的方法。Firefox有DOMContentLoaded事件可以輕鬆解決,可惜的就是IE沒有。
MSDN關於JSCRIPT的一個方法有段不起眼的話,當頁面DOM未載入完成時,調用doScroll方法時,會產生異常。那麼我們反過來用,如果不異常,那麼就是頁面DOM載入完畢了。所以 對於Mozilla & Opera 瀏覽器,在dom樹載入後有現成的 DOMContentLoaded 事件。對於Safari 瀏覽器,有document.onreadystatechange事件,當該觸發時,如果 document.readyState=complete時,可視為dom樹已經載入。
對於ie,當在iframe內時,同樣有document.onreadystatechange事件,對於ie在非iframe內時,只有不斷地通過能否執行doScroll判斷dom是否載入完畢。
在本例中每間隔5毫秒嘗試去執行 document.documentElement.doScroll('left')。在ie8下,貌視非iframe視窗也會有document.onreadystatechange事件,另外你也可以在構建自己的架構時使用此函數。
 
對於js中為dom元素添加原型的問題

Object.prototype.fun=function() {
//code...

}
怎麼使用就不解釋了 你懂得
 

聯繫我們

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

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

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.