結合實例詳細介紹javascript中load事件使用方法
baiheng
2016-12-03
9768
JavaScript 中最常用的一個事件就是 load。當頁面完全加載后(包括所有圖像、JavaScript 文件、 CSS 文件等外部資源),就會觸發 window 上面的 load 事件。有兩種定義 onload 事件處理程序的方式。
第一種方式是使用如下所示的 JavaScript 代碼:
EventUtil.addHandler(window, "load", function(event){
alert("Loaded!");
});
? ? ? ?這是通過 JavaScript 來指定事件處理程序的方式,使用了本章前面定義的跨瀏覽器的 EventUtil 對象。與添加其他事件一樣,這里也給事件處理程序傳入了一個 event 對象。這個 event 對象中不包含有關這個事件的任何附加信息,,但在兼容 DOM 的瀏覽器中,event.target 屬性的值會被設置為 document,而 IE 并不會為這個事件設置 srcElement 屬性。 第二種指定 onload 事件處理程序的方式是為
元素添加一個 onload 特性,如下面的例子 所示:
? ? ? ?
? ? ? ?
? ? ? ?
? ? ? ? ? ? ?
Load Event Example
? ? ? ?
? ? ? ? ? ? ?
? ? ? ? ? ? ?
? ? ? ?
? ? ? ?一般來說,在 window 上面發生的任何事件都可以在
元素中通過相應的特性來指定,因為 在 HTML 中無法訪問 window 元素。實際上,這只是為了保證向后兼容的一種權宜之計,但在此南昌網站制作公司百恒網絡開發工程提示大家所有瀏覽器 都能很好地支持這種方式。我們建議讀者盡可能使用 JavaScript 方式。
? ? ? ?圖像上面也可以觸發 load 事件,無論是在 DOM中的圖像元素還是 HTML 中的圖像元素。因此, 可以在 HTML 中為任何圖像指定 onload 事件處理程序,例如:?
? ? ? ?

? ? ? ?這樣,當例子中的圖像加載完畢后就會顯示一個警告框。同樣的功能也可以使用 JavaScript 來實現, 例如:?
? ? ? ?var image = document.getElementById("myImage");
? ? ? ?EventUtil.addHandler(image, "load", function(event){
? ? ? ?event = EventUtil.getEvent(event);
? ? ? ?alert(EventUtil.getTarget(event).src);
? ? ? ?});
? ? ? ?這里,使用 JavaScript 指定了 onload 事件處理程序。同時也傳入了 event 對象,盡管它也不包含 什么有用的信息。不過,事件的目標是
![]()
元素,因此可以通過 src 屬性訪問并顯示該信息。 在創建新的
![]()
元素時,可以為其指定一個事件處理程序,以便圖像加載完畢后給出提示。此時, 最重要的是要在指定 src 屬性之前先指定事件,如下面的例子所示。
? ? ? ?EventUtil.addHandler(window, "load", function(){
? ? ? ?var image = document.createElement("img");
? ? ? ?EventUtil.addHandler(image, "load", function(event){
? ? ? ? ? ? ? event = EventUtil.getEvent(event);
? ? ? ?alert(EventUtil.getTarget(event).src);
? ? ? ?});
? ? ? ? ? ? ? document.body.appendChild(image);
? ? ? ?image.src = "smile.gif";
? ? ? ?});
? ? ? ?在這個例子中,首先為 window 指定了 onload 事件處理程序。原因在于,我們是想向 DOM中添 加一個新元素,所以必須確定頁面已經加載完畢——如果在頁面加載前操作 document.body 會導致錯 誤。然后,創建了一個新的圖像元素,并設置了其 onload 事件處理程序。最后又將這個圖像添加到頁面中,還設置了它的 src 屬性。這里有一點需要格外注意: 新圖像元素不一定要從添加到文檔后才開始下載,只要設置了 src 屬性就會開始下載。 ? ? ? ?
同樣的功能也可以通過使用 DOM0 級的 Image 對象實現。在 DOM 出現之前,開發人員經常使用 Image 對象在客戶端預先加載圖像。可以像使用
元素一樣使用 Image 對象,只不過無法將其添加到 DOM 樹中。下面來看一個例子。
? ? ? ?EventUtil.addHandler(window, "load", function(){
? ? ? ?var image = new Image();
? ? ? ?EventUtil.addHandler(image, "load", function(event){
? ? ? ? ? ? ? alert("Image loaded!");
? ? ? ?});
? ? ? ? ? ? ? image.src = "smile.gif";
? ? ? ?});
? ? ? ?在此,我們使用 Image 構造函數創建了一個新圖像的實例,然后又為它指定了事件處理程序。有的瀏覽器將 Image 對象實現為
元素,但并非所有瀏覽器都如此,所以最好將它們區別對待。還有一些元素也以非標準的方式支持 load 事件。在 IE9+、Firefox、Opera、Chrome和 Safari 3+及 更高版本中,
400-680-9298,0791-88117053
蜜臂av日日欢夜夜爽一区_成人一区二区三区在线观看
_日韩国产欧美三级_成人福利视频网站_石原莉奈在线亚洲二区_国产一区二区三区四区五区美女_国产一区二区三区av电影
_91麻豆福利精品推荐_日韩精品1区2区3区_93久久精品日日躁夜夜躁欧美
裸体一区二区三区|
国产一区二区三区免费观看|
不卡一区中文字幕|
视频一区二区三区入口|
九九**精品视频免费播放|
成人av免费观看|
国内一区二区视频|
91亚洲大成网污www|
国产一区二区女|
天堂蜜桃一区二区三区
|
岛国一区二区三区|
久久精品国产99国产|
不卡欧美aaaaa|
国产伦精品一区二区三区视频青涩|
91最新地址在线播放|
国产乱子伦一区二区三区国色天香
|
国产一区二区三区不卡在线观看
|
懂色av噜噜一区二区三区av|
男男成人高潮片免费网站|
国产99久久久久|
韩国视频一区二区|
久久精品国产免费看久久精品|
成人美女视频在线看|
国产91综合网|
国产成人aaa|
国产精品中文字幕欧美|
精品在线一区二区三区|
免费看欧美女人艹b|
视频在线在亚洲|
99精品国产热久久91蜜凸|
国产麻豆午夜三级精品|
国产麻豆成人传媒免费观看|
国产综合久久久久久鬼色|
奇米在线7777在线精品|
日韩—二三区免费观看av|
91麻豆国产福利在线观看|
99视频精品全部免费在线|
成人av在线资源网|
99久久精品国产毛片|
水蜜桃久久夜色精品一区的特点|
av不卡在线播放|
99精品国产热久久91蜜凸|
av在线播放一区二区三区|
av色综合久久天堂av综合|
本田岬高潮一区二区三区|
99精品热视频|
美女mm1313爽爽久久久蜜臀|
韩国精品在线观看|
国产91富婆露脸刺激对白|
国产精品99久久久久|
高清不卡在线观看av|
不卡av在线免费观看|
日韩专区欧美专区|
精品一区二区免费|
福利一区二区在线|
91视频观看免费|
日韩精品成人一区二区三区
|
91视频免费播放|
喷水一区二区三区|
国产曰批免费观看久久久|
国产高清精品网站|
99久久99精品久久久久久|
日本伊人午夜精品|
国产在线一区二区综合免费视频|
国产成人精品影视|
日韩一区精品字幕|
国产一区999|
成人少妇影院yyyy|
美女www一区二区|
粉嫩久久99精品久久久久久夜|
99re这里只有精品首页|
激情久久五月天|
成人av资源在线|
精品一区二区三区在线播放视频
|
日韩精品国产精品|
国产高清不卡二三区|
91视频一区二区|
国产精品12区|
蜜臀av一级做a爰片久久|
国产高清亚洲一区|
久久99精品久久久久婷婷|
不卡区在线中文字幕|
激情文学综合插|
91婷婷韩国欧美一区二区|
国产伦理精品不卡|
久久精品久久综合|
首页欧美精品中文字幕|
成人在线一区二区三区|
精品一区二区在线看|
天堂va蜜桃一区二区三区|
国产精品888|
九九久久精品视频|
日本三级亚洲精品|
99久久久无码国产精品|
成人丝袜18视频在线观看|
狠狠色狠狠色综合系列|
日韩电影在线看|
丝袜亚洲另类欧美|
av中文字幕不卡|
成人精品在线视频观看|
国产河南妇女毛片精品久久久|
六月丁香婷婷久久|
三级久久三级久久|
91视频免费观看|
丁香另类激情小说|
懂色av一区二区三区蜜臀|
国产成人综合自拍|
国产精品一区二区三区乱码|
国产一区二区三区在线看麻豆|
麻豆国产精品视频|
青青草国产精品亚洲专区无|
日韩高清中文字幕一区|
三级在线观看一区二区|
91在线视频免费91|
91欧美一区二区|
91热门视频在线观看|
99国产精品久久久久久久久久久|
99免费精品视频|
成人的网站免费观看|
国产aⅴ精品一区二区三区色成熟|
国产麻豆精品在线|
成人一区二区在线观看|
成人18视频在线播放|
99re这里只有精品首页|
日韩精品电影在线|
久久精品国产99国产精品|
老司机精品视频在线|
久久99精品国产.久久久久|
久久99精品一区二区三区三区|
狠狠v欧美v日韩v亚洲ⅴ|
国产一区二区成人久久免费影院
|
91网站最新网址|
日韩电影一区二区三区四区|
麻豆国产精品视频|
国产一区二区三区久久悠悠色av|
国产福利精品一区二区|
成人免费看黄yyy456|
97久久人人超碰|
久久成人羞羞网站|
国产一区二区免费在线|
成人久久18免费网站麻豆|
91蜜桃在线免费视频|
蜜乳av一区二区|
国产一区二区不卡在线|
www.爱久久.com|
男女视频一区二区|
国产精品一区二区果冻传媒|
不卡电影一区二区三区|
麻豆国产一区二区|
不卡一区中文字幕|
六月丁香婷婷色狠狠久久|
国产精品996|
日本午夜精品视频在线观看|
国产乱妇无码大片在线观看|
天堂久久久久va久久久久|
国产在线精品一区二区|
99国产精品久久久久久久久久
|
99精品国产视频|
极品美女销魂一区二区三区免费
|
激情深爱一区二区|
99精品黄色片免费大全|
国产乱人伦偷精品视频不卡|
91蜜桃视频在线|
国产在线乱码一区二区三区|
99国产一区二区三精品乱码|
国内成+人亚洲+欧美+综合在线|
成人国产精品免费|
精品制服美女丁香|
日韩影院免费视频|
zzijzzij亚洲日本少妇熟睡|
激情综合色丁香一区二区|
99re热这里只有精品视频|
国产乱码精品一区二区三区忘忧草|
91视频观看视频|
成人午夜精品一区二区三区|
激情综合网天天干|
麻豆成人久久精品二区三区红|
国产伦理精品不卡|
蜜桃久久久久久|
91麻豆国产福利在线观看|
高清久久久久久|
国产美女精品在线|
精品一区二区三区在线观看|
青青青爽久久午夜综合久久午夜|
成人18视频日本|
成人一区二区三区在线观看|
国产精品一卡二卡在线观看|
免费成人小视频|
日日骚欧美日韩|
91在线国产观看|
懂色一区二区三区免费观看|
国产一区二区电影|
国产乱色国产精品免费视频|
国产一区二区三区免费播放|
国产一区999|
国产精品1区2区3区在线观看|
国产一区二区女|
国产剧情一区在线|
国产成人精品三级|
国产v综合v亚洲欧|
成人性生交大片免费看中文|
丰满放荡岳乱妇91ww|
成人动漫视频在线|
97精品久久久久中文字幕|
成人免费视频网站在线观看|
国产大陆a不卡|
eeuss鲁片一区二区三区在线观看|
波多野结衣中文字幕一区|
9i在线看片成人免费|
97se亚洲国产综合在线|
日本网站在线观看一区二区三区|
奇米精品一区二区三区在线观看|
久久99精品久久久久婷婷|
国产一区二区网址|
成人免费福利片|
99国产精品久久久久久久久久|
91麻豆国产自产在线观看|
av成人动漫在线观看|
99久久国产免费看|
人人狠狠综合久久亚洲|
国产一区二区三区黄视频|
岛国精品一区二区|
91麻豆成人久久精品二区三区|
丝袜亚洲精品中文字幕一区|
久久精品国产99久久6|
国产99久久久国产精品免费看
|
日韩和的一区二区|
久久97超碰色|
成人av免费在线|
日本中文在线一区|
国产毛片精品一区|
91丨porny丨在线|
精品综合久久久久久8888|
岛国精品在线播放|
麻豆91小视频|
youjizz国产精品|
蜜臀a∨国产成人精品|
国产成人在线看|
秋霞国产午夜精品免费视频|
国产精品一区二区久久不卡
|
国产精品一品视频|
91麻豆国产精品久久|
九九精品视频在线看|
成人丝袜18视频在线观看|
免费成人在线视频观看|
成人免费黄色大片|
久久精品噜噜噜成人av农村|
成人黄色网址在线观看|
久久99久久99|
日韩国产精品91|
国产91精品精华液一区二区三区|
奇米精品一区二区三区在线观看一
|
日本不卡一区二区三区高清视频|
国产酒店精品激情|
蜜桃视频免费观看一区|
99在线精品一区二区三区|
国产成人综合在线|
精品一区二区三区免费播放|
日韩高清在线观看|
91亚洲资源网|
国产ts人妖一区二区|
韩国视频一区二区|
精品一区二区三区在线播放|
青青青爽久久午夜综合久久午夜|
成人高清视频免费观看|
国产大陆a不卡|
国产精品538一区二区在线|
精品在线播放免费|
日本欧美韩国一区三区|
av一二三不卡影片|
成人蜜臀av电影|
成人精品在线视频观看|
高清视频一区二区|
高清国产午夜精品久久久久久|
国产自产2019最新不卡|
黄色精品一二区|
国产最新精品精品你懂的|
捆绑紧缚一区二区三区视频|
男人的j进女人的j一区|
成人精品电影在线观看|
国产在线精品免费|
国产精品18久久久久久久久久久久|
国产一区激情在线|
国产福利不卡视频|
国产不卡一区视频|
成人午夜在线视频|
不卡电影一区二区三区|
不卡视频在线观看|
91在线观看视频|
免费观看30秒视频久久|
另类小说综合欧美亚洲|
精彩视频一区二区三区|
国产精品一区二区果冻传媒|
成人综合婷婷国产精品久久|
99精品视频一区二区三区|
日日嗨av一区二区三区四区|
青青草国产成人99久久|
精品一区二区三区免费|
国产精品一二三区在线|
成人亚洲精品久久久久软件|
91偷拍与自偷拍精品|
蜜臀av一区二区在线观看|
国产专区欧美精品|
成人av在线一区二区三区|
91在线视频观看|
免费在线观看精品|
国产伦精品一区二区三区视频青涩|
国产传媒欧美日韩成人|
99精品欧美一区|
精油按摩中文字幕久久|
成人免费观看av|
蜜桃视频第一区免费观看|
国产大陆a不卡|
日韩国产成人精品|
国产成人综合亚洲网站|
日本在线播放一区二区三区|
国产裸体歌舞团一区二区|
91免费看`日韩一区二区|
国产一区二区在线视频|
91蝌蚪porny九色|
国产一区二区三区四区五区美女
|
日本视频免费一区|
国产成人精品亚洲午夜麻豆|
91麻豆精品视频|
国产九九视频一区二区三区|
bt欧美亚洲午夜电影天堂|
激情五月激情综合网|
av在线综合网|
国产一区亚洲一区|
日韩电影在线免费观看|
国产电影精品久久禁18|
麻豆精品新av中文字幕|
thepron国产精品|
国产精品综合视频|
日韩中文字幕av电影|
国产精品综合在线视频|
蜜臀av在线播放一区二区三区|
成人精品国产免费网站|
国产一区二区精品久久91|
91麻豆国产在线观看|
高清成人免费视频|
国内一区二区在线|
免费欧美在线视频|
91丨九色丨蝌蚪丨老版|
成人午夜又粗又硬又大|
国产剧情在线观看一区二区|
日韩精品亚洲专区|
gogogo免费视频观看亚洲一|
国产一区二区三区免费看|
看国产成人h片视频|
日本美女一区二区|
99久久婷婷国产综合精品电影|
国产不卡视频一区|
国产宾馆实践打屁股91|
国产成人亚洲综合色影视|
激情综合网激情|
久久99精品国产.久久久久
|
国产一本一道久久香蕉|
麻豆中文一区二区|
美女爽到高潮91|
秋霞电影网一区二区|
青青草国产精品97视觉盛宴|
丝袜美腿亚洲综合|
日韩成人av影视|
奇米777欧美一区二区|
秋霞av亚洲一区二区三|
蜜桃av噜噜一区|
老司机午夜精品|
久久精品国产亚洲高清剧情介绍
|
青草国产精品久久久久久|
日韩成人免费在线|
免费一级片91|
日本伊人精品一区二区三区观看方式|
99视频一区二区三区|
91蝌蚪porny成人天涯|
日本系列欧美系列|
久久国产精品99精品国产|
九九国产精品视频|
国产高清成人在线|
北条麻妃一区二区三区|
93久久精品日日躁夜夜躁欧美|
日韩影院在线观看|
久久国产精品99久久久久久老狼|
精品一二三四区|
国产99久久久久久免费看农村|
国v精品久久久网|
91视视频在线观看入口直接观看www|
91色porny蝌蚪|
蜜臀av一级做a爰片久久|
激情国产一区二区|
成人自拍视频在线|
日韩激情一二三区|
精品午夜一区二区三区在线观看|
国产剧情av麻豆香蕉精品|
成人av电影免费在线播放|
日本成人在线视频网站|
国产成人精品免费视频网站|
av成人免费在线|
加勒比av一区二区|
成人黄色一级视频|