js動態(tài)添加onload、onresize、onscroll事件(另類方法)
更新時間：2012年12月26日 11:30:36 作者：
window 的 onload、onresize、onscroll 事件，跟其他的事件不一樣，它不能用 attachEvent 或 addEventListener 來添加于是本人想了一些另類的方法，需要了解的朋友可以參考下
window 的 onload、onresize、onscroll 事件，跟其他的事件不一樣，它不能用 attachEvent 或 addEventListener 來添加。
也就是說，它只能這樣來（以 onload 為例，下同）：
window.onload = function()
{
// ...
};
但這有個問題，就是想再為 onload 增加新的事件處理程序時，不能直接為 window.onload 賦值了，否則前面的賦值就會被覆蓋了。
可這樣做：
var oldLoadHandler = window.onload;
window.onload = function()
{
if (oldLoadHandler)
{
oldLoadHandler();
}
newLoadHandler();
};
在 ezj 中，就更加方便了。
$(window).ready(onloadHandler1);
$(window).ready(onloadHandler2);
說明
我們一般接觸的 onload 事件是 document.body.onload，但這實際上是由于 IE 的誤導，正確的應該是 window.onload，window.onload 在 IE、Firefox、Chrome 中均有效。
也就是說，它只能這樣來（以 onload 為例，下同）：
復制代碼 代碼如下:
window.onload = function()
{
// ...
};
但這有個問題，就是想再為 onload 增加新的事件處理程序時，不能直接為 window.onload 賦值了，否則前面的賦值就會被覆蓋了。
可這樣做：
復制代碼 代碼如下:
var oldLoadHandler = window.onload;
window.onload = function()
{
if (oldLoadHandler)
{
oldLoadHandler();
}
newLoadHandler();
};
在 ezj 中，就更加方便了。
復制代碼 代碼如下:
$(window).ready(onloadHandler1);
$(window).ready(onloadHandler2);
說明
我們一般接觸的 onload 事件是 document.body.onload，但這實際上是由于 IE 的誤導，正確的應該是 window.onload，window.onload 在 IE、Firefox、Chrome 中均有效。
您可能感興趣的文章:
- JS中setTimeout的巧妙用法前端函數(shù)節(jié)流
- 淺談JavaScript函數(shù)節(jié)流
- JavaScript函數(shù)節(jié)流概念與用法實例詳解
- JavaScript性能優(yōu)化之函數(shù)節(jié)流（throttle）與函數(shù)去抖（debounce）
- js隱藏與顯示回到頂部按鈕及window.onscroll事件應用
- JS 滾動事件window.onscroll與position：fixed寫兼容IE6的回到頂部組件
- javascript的offset、client、scroll使用方法詳解
- javascript scrollTop正解使用方法
- JS中完美兼容各大瀏覽器的scrolltop方法
- JavaScript觸發(fā)onScroll事件的函數(shù)節(jié)流詳解
相關(guān)文章
本篇文章我們研究一下，在移動端開發(fā)過程中經(jīng)常使用到的圖片上傳功能，在大多數(shù)小程序或者APP中都會遇到一些實名認證或者頭像上傳的功能，對uniapp小程序?上傳圖片功能感興趣的朋友跟隨小編一起看看吧2023-01-01
javascript實現(xiàn)點擊后變換按鈕顯示文字的方法
這篇文章主要介紹了javascript實現(xiàn)點擊后變換按鈕顯示文字的方法,可實現(xiàn)顯示一些按鈕如果點擊了,按鈕文本變?yōu)椤包c了”,其他按鈕文本變?yōu)椤皼]點”的效果,非常具有實用價值,需要的朋友可以參考下2015-05-05
Observer模式也叫觀察者模式，是由GoF提出的23種軟件設(shè)計模式的一種。Observer模式是行為模式之一，它的作用是當一個對象的狀態(tài)發(fā)生變化時，能夠自動通知其他關(guān)聯(lián)對象，自動刷新對象狀態(tài)2015-12-12
在js中去除空格并不是可以直接使用trim來刪除，它在js中并不像我們想的那么好用，特別像我要刪除前后空格這個trim函數(shù)更不可靠了2013-11-11
JS實現(xiàn)密碼框根據(jù)焦點的獲取與失去控制文字的消失與顯示效果
這篇文章主要介紹了JS實現(xiàn)密碼框根據(jù)焦點的獲取與失去控制文字的消失與顯示效果,可實現(xiàn)使用JavaScript判斷密碼框是否獲得焦點來隱藏與顯示提示文字,非常簡單實用,需要的朋友可以參考下2015-11-11
利用js查找數(shù)組中指定元素并返回該元素的所有索引示例
在js數(shù)組中查找特定的元素相信對大家來說再熟悉不過了，但越簡單的東西越可能出錯，小編最近就犯了這樣的錯誤，所以想著干脆將實現(xiàn)的代碼整理下來，方便自己以后需要的時候，或者有需要的朋友們參考學習，下面來一起看看吧。2017-03-03
這篇文章主要介紹了javascript頁面渲染速度測試腳本,計算瀏覽器渲染HTML頁面所需要的時間,需要的朋友可以參考下2014-04-04
這篇文章主要幫助大家理解JS事件循環(huán)，深入淺出的講解了javascript事件循環(huán)，感興趣的小伙伴們可以參考一下2016-01-01
按指定格式顯示日期時間在開發(fā)與時間相關(guān)的應用時非常有用，接下來與大家分享下格式化顯示日期時間的方法，感興趣的朋友可以參考下哈2013-04-04
給網(wǎng)頁加個彩色窗口...2006-07-07