四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

javascript addLoadEvent函數(shù)說明

在給網頁加一些特效時經常要在<body>中加入“onload”事件,即在網頁加載完后執(zhí)行某事件,例如:<body onload=”alert(‘歡迎光臨!')”,但這樣做有個大的缺陷,事件會在網頁完全下載完后才會執(zhí)行,包括網頁中的圖片或Flash等,如果網頁中的圖片比較大或有很多圖,可能還沒等網頁完全下載完網友已經點擊鏈接到其它網頁去了,這樣這個事件就沒有執(zhí)行了。另外在某些特殊情況下可能還修改不了網頁的body參數(shù)。如在別人網站發(fā)表文章時,或用CMS整站系統(tǒng)時。

  這時我們會想到用“window.onload”或“document.body.onload”來替換<body>中的onload事件,的確,問題解決了,但在加載多個onload事件時或控制加裁順序時還會出現(xiàn)一些問題,直到我發(fā)現(xiàn)“Paul Koch”寫的addLoadEvent()函數(shù)后,所有問題都解決了。如果大家一定要用“window.onload”或 “document.body.onload”來替換<body>中的onload事件,建議大家用前者,F(xiàn)irefox瀏覽器中無效,即兼容性有問題。

JavaScript代碼

復制代碼 代碼如下: 
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}



調用方法:
復制代碼 代碼如下:
addLoadEvent(wwwjb51());
//或
addLoadEvent(function(){
document.body.style.backgroundColor = 'yellow';
jb51();
});

演示代碼:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
  推薦大家以后都用addLoadEvent()函數(shù)來替換<body>中加入“onload”事件。addLoadEvent ()自定義代碼來源于:http://www.simonwillison.NET/2004/May/26/addLoadEvent/
addLoadEvent工作流程:

把現(xiàn)有的window.onload事件處理函數(shù)的值存入變量oldonload。
如果在這個處理函數(shù)上還沒有綁定任何函數(shù),就像平時那樣把新函數(shù)添加給它;
如果在這個處理函數(shù)已經綁定了一些函數(shù),就把函數(shù)追回到現(xiàn)有指令未尾。
瀏覽器加載html內容是自上而下的(默認),而JS一般是在哪里引入――想想如果JS里面包含了一些即時執(zhí)行指令,
它會操作根本不存在元素節(jié)點(因為還沒有加載完)會有什么后果?結果就是出錯。

addLoadEvent可以實現(xiàn)無論有多少個函數(shù),都能讓它們同時和window.onload事件綁定。

onload事件-----addLoadEvent函數(shù)

復制代碼 代碼如下:
window.onload = myfunction();

假如我們希望某個函數(shù)在網頁加載完畢之后就立即執(zhí)行。網頁加載完畢時會觸發(fā)一個onload事件,所以我們可以利用onload事件來加載這個函數(shù)。Onload事件與window對象相關聯(lián)。如:

把myfunction函數(shù)綁定到這個事件上:

一個函數(shù)我們可以利用上面的解決,那兩個、三個甚至更多呢?怎么解決??

假如我們有firstFunction和secondFunction兩個函數(shù),是不是就是下面這樣寫呢:
復制代碼 代碼如下:
window.onload = firstFunction;
window.onload = secondFunction;

但是每個處理函數(shù)只能綁定一條指令。所以上面的不行。因為secondFunction函數(shù)將會取代firstFunction函數(shù)。

有一種辦法可以幫助我們解決上面問題:即我們先創(chuàng)建一個匿名函數(shù)來容納這兩個函數(shù),然后把那個匿名函數(shù)綁定到onload事件上,如下:
復制代碼 代碼如下:
window.onload = function(){
firstFunction();
secondFunction();
}

這確實是一個好的、簡答的方法。

但是其實還存在一個最佳的解決方案――不管你打算在頁面加載完畢后要執(zhí)行多少個函數(shù),利用該函數(shù)都可以輕松的實現(xiàn)。

該函數(shù)名為addLoadEvent。該函數(shù)僅一個參數(shù):該參數(shù)指定了你打算在頁面加載完畢后需要執(zhí)行的函數(shù)的函數(shù)名。
addLoadEvent()函數(shù)代碼如下:
復制代碼 代碼如下:
function addLoadEvent(func){
var oldonLoad = window.onload;
if(typeof window.onload!='function'){
window.onload = func;
}
else{
window.onload = function(){
oldonload();
func();
}
}
}

addLoadEvent函數(shù)主要是完成如下的操作:

1、把現(xiàn)有的window.onload事件處理函數(shù)的值存入到oldonload中。

2、如果在這個處理函數(shù)上還沒有綁定任何函數(shù),就將該函數(shù)添加給它。

3、如果在這個處理函數(shù)上已經綁定了一些函數(shù),就把該函數(shù)追加到現(xiàn)有指定的末尾。

通過addLoadEvent函數(shù),只需要調用該函數(shù)就可以進行綁定了。

復制代碼 代碼如下:
addLoadEvent(firestFunction);
addLoadEvent(secondFunction);

所以這個函數(shù)非常有用,尤其當代碼變得很復雜的時候。無論你打算在頁面加載完畢時執(zhí)行多少個函數(shù),只需要多寫幾條這樣的語句就可以解決了。方便、實用。

JavaScript技術javascript addLoadEvent函數(shù)說明,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 欲海情缘| 二胡独奏我的祖国| 雷雨剧本完整版| 姐姐的秘密电影| 赵冬苓代表作品有哪些| 敖丙手机壁纸| h罩杯美女| 乔治娅·格洛梅| 立定心志歌词歌谱| 成人在线播放视频| 大家都在搜| 19岁女性写真| 囚徒 电影| 小泽电影| 人气生活曾经的辣妹动漫在线观看第二季| 宋智孝色即是空| 美少女战士男主角叫什么| 免费观看父女情深的电视剧| 魔都精兵的奴隶第二季| 百字明咒标准读诵慢念| 秀人网美女套图| 黎小军| jagger| 卢颖| 都市频道节目表今天| 相邻数的数学题| 无影侦察队电影完整版免费| 日本电影芋虫| 丛林总动员| 91精品在线视频播放| kaya| 电影《一秒钟》完整版| 好好的电影| http://www.douyin.com| 风月变电视剧简介| 我们的日子电视剧演员表| 2024头像| 电视剧《惊蛰》演员表| 风之谷钢琴谱| 塞下曲景然伶儿| 莫比乌斯电影在线观看全集高清 |