javascript--BOM的onload事件和onunload事件
1.onload事件
onload,頁面載入後執行,所謂頁面載入完成,指頁面上所有的元素建立完畢,引用的所有的外部資源(js、css、圖片)等下載完畢。
所以onload執行的比較晚,因為如果頁面上有好多好多圖片,它需要等這些圖片完成下載後才能執行。而寫在body後的< script >< /script >中的程式碼,它會在頁面上的元素建立完畢後就會執行。
onload不光可以用來判斷頁面是否載入完成了,所有的元素的都有onload事件。它還可以用來在標籤上設定標籤載入完成事件。
比如:< img scr='xxx' onload=function(){} />,當標籤載入完成了就可以做一件事情。可以給該標籤一個臨時圖片,當該標籤載入完成後,給它切換另一個標籤。
2.onunload事件
onunload頁面解除安裝時候執行,在onunload中,所有的對話方塊都無法使用,因為頁面被解除安裝,windows物件會被凍結,阻止類似alert()這種對話方塊的執行。
F5重新整理的時候:
首先把頁面解除安裝
然後把頁面重新載入
當然,在關閉網頁的時候,也會發生onunload事件,可以在onunload中做一點事情,類似清空購物車等客戶不知道的操作。
相關推薦
javascript--BOM的onload事件和onunload事件
1.onload事件 onload,頁面載入後執行,所謂頁面載入完成,指頁面上所有的元素建立完畢,引用的所有的外部資源(js、css、圖片)等下載完畢。 所以onload執行的比較晚,因為如果頁面上有好多好多圖片,它需要等這些圖片完成下載後才能執行。而寫在body後的< script ><
JavaScript阻止冒泡和取消事件默認行為
阻止冒泡 ble opp prop bubble script als spa rop //功能:停止事件冒泡 function stopBubble(e) { if ( e && e.stopPropagation ) {
javascript, jQuery阻止默認事件和冒泡事件
itl 節點 func ret turn bsp opp var prevent 事件冒泡(event bubbling) 事件冒泡是指一個元素上的事件被觸發,然後這個事件按嵌套順序在父級元素上觸發,直至document根節點。 例如: <!DOCT
javascript, jQuery阻止預設事件和冒泡事件
事件冒泡(event bubbling) 事件冒泡是指一個元素上的事件被觸發,然後這個事件按巢狀順序在父級元素上觸發,直至document根節點。 例如: <!DOCTYPE html> <html> <head> <titl
javascript中mouseover和mouseout事件詳解
與 mouseenter 事件不同,不論滑鼠指標穿過被選元素或其子元素,都會觸發 mouseover 事件。只有在滑鼠指標穿過被選元素時,才會觸發 mouseenter 事件。 與 mouseout 事件不同,只有在滑鼠指標離開被選元素時,才會觸發
JavaScript 模擬鍵盤事件和滑鼠事件(比如模擬按下回車等)
最近程式碼中有個功能需要用到手動觸發鍵盤事件的功能。但鍵盤事件的fire在各瀏覽器下實現不一樣,下面分別說明: 1. IE下沒什麼問題,建立事件物件、對物件的keyCode屬性賦值,然後再丟擲來就行了: evtObj = document.createEven
JavaScript中click和keypress事件繫結的順序
1. click事件的覆蓋 當在同一個元素上繫結兩個click事件時,後一個會覆蓋前一個。 例如: div.onclick=function(){ console.log('click1');
讓HTML標籤、DIV、SPAN擁有focus事件和blur事件,聚焦和失焦
DIV和其他普通標籤是不具有onfocus和onblur事件的。INPUT和A標籤為什麼擁有?而DIV和SPAN等普通標籤卻沒有?有時候我們習慣性用鍵盤的TAB來移動游標,仔細看你會發現,游標只在INPUT和A上跳轉。因為INPUT和A標籤具備TAB屬性。我們只需要給DIV或者SPAN等普通標籤建立TAB,這
前端基礎——input輸入框的oninput事件和onchange事件
在開發過程中,input用的比較多的是change事件,忽略了還有input事件。 onchange——input輸入過程中不會觸發,失去焦點時才會觸發; 相容性:所有瀏覽器都支援,可以用於<input>, <select>, 和&n
DOM0事件和DOM2事件模型 —— JS中的設計模式和元件封裝
1、一些對於技術發展的心得體會 學習各種設計模式有什麼作用? 【開發】 開發效率高 利於團隊協作 【維護】 有利於程式碼的升級改變 邏輯清晰,程式碼嚴謹,利於後期的維護 【通用】 我們依託設計模式可以實現元件化、模組化、外掛化、框架化以及一些常用類庫方法的編寫 技術語言發展路線 語言語法
C#實現資料回滾,A事件和B事件同時執行,其中任何一個事件執行失敗,都會返回失敗
/// <summary> /// 執行資料庫回滾操作,用於sql語句執行失敗後,恢復執行前的資料 /// </summary> /// <param name="TableName">目標表</param> /// <param
核心輸入子系統 設定能產生哪類事件和那些事件總結:
在jz2440上編寫使用輸入子系統驅動程式時,經常會遇到設定產生哪類事件和哪些事件,這裡自己總結了一下程式碼裡的2種方法: 下面是一些巨集和結構體定義: struct input_dev { ......... uns
JQuery中使用mouseover事件和mouseout事件作用在同一個元素上時出現閃爍現象
前提:實現一個電影網站中的關於選定圖片出現一個新的div容器展示具體電影詳情的功能(通過使用visibility屬性隱藏一個div並顯示另一個div)操作:我把mouseover事件和mouseout事件作用到一個div容器時,整個div出現了閃爍的現象,原因:糾結了很久,才
C#--SelectedIndexChanged事件, SelectedValueChanged事件和SelectionChangeCommitted事件的區別及聯絡
三個事件的觸發條件和區別 SelectedIndexChanged事件 索引改變時即觸發嗎,可以通過程式設計觸發 SelectedValueChanged事件 值改變時觸發,可以通過程式設計觸發 SelectionChangeCom
uninty3d之發生碰撞事件和觸發事件條件
總結:要發生碰撞事件(雙方都能收到) 1 去碰撞的物體包括剛體和碰撞體 2 被撞的物體包括碰撞體 要發生觸發事件(雙方都能收到) 1 去碰撞的物體包括剛體和碰撞體,被碰的物體包含碰撞體即可 2 去碰撞的物體或者被碰物體其中一個
微信小程式 bind事件 和 catch 事件的區別
做過移動開發都應該知道 事件的 響應鏈. 微信小程式 子檢視的 bind 事件會冒泡上傳. catch事件不會. 如下圖 點選 view3 事件會繼續傳給 view2 view1 如果把view3 改成catch. 事件只有view3 響應.&nbs
form表單中onclick事件和onsubmit事件的執行順序
說來很慚愧,今天因為form表單的一個小問題困擾了一下午。雖然最終得以解決,但花費的時間實在是令人汗顏,現在總結一下遇到的問題。 先說一下背景,之前幫一個朋友的專案寫了一個原生js的表單驗證,今天
React 事件和 Dom 事件
注意:Chrome 中列印的物件展開的時候顯示的是當前物件的值,可能已經不是列印的時候的值了,所以需要通過在列印的地方打斷點的形式來查看準確的值。或者直接通過打斷點檢視。 React 事件和 dom 事件 兩者很像,只是有一些語法上的不一樣。 事件名 jsx 中採用駝峰命名。 引數是一個事件處
jQuery常會用到的切換事件和懸停事件
切換事件 jQuery定義了兩個事件的切換方法:hover()和toggle()。事件切換在Web開發中經常會用到,如樣式互動、行為互動等。 jQuery定義了一個toggleClass()方法,他能夠顯示/隱藏指定的樣式類,實現樣式的動態切換,而hover()和togg
s事件之event.preventDefault()與event.stopPropagation()的阻止預設事件和阻止事件冒泡的用法
event.preventDefault()用法介紹 該方法將通知 Web 瀏覽器不要執行與事件關聯的預設動作(如果存在這樣的動作)。例如,如果 type 屬性是 "submit",在事件傳播的任意階段可以呼叫任意的事件控制代碼,通過呼叫該方法,可以阻止提交表單。注意,如果 Event 物件的 cancel