讓瀏覽器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...
}
怎麼使用就不解釋了 你懂得