【例項】javascript中的window物件的onbeforeunload、onload、onunload的區別（在新版本的瀏覽器中兩個關閉事件可能不會觸發）

阿新 • • 發佈：2019-01-17

onload是在頁面載入的時候觸發，與之相反onunload是在頁面關閉（解除安裝）的時候觸發，至於onbeforeunload是指頁面將要關閉的時候觸發（一般用於彈出是否確認關閉的時候）

上程式碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文件</title>


<script type="text/javascript">
window.onload = function() {
	alert("現在是onLoad");
};
window.onunload = function() {
	alert("現在是onunLoad");
};
window.onbeforeunload = function() {
	alert("現在是onbeforeonload");
};
</script>

</head>

<body>
<input type="button" value="Demo" onClick="Demo();">
</body>
</html>

這個程式碼在IE6下是載入，準備關閉和已經關閉都可以觸發的

但是在win8.1下的Firefox32 chrome37下不能觸發onunLoad和onbeforeunload是不能夠觸發的，IE11居然可以

【例項】javascript中的window物件的onbeforeunload、onload、onunload的區別（在新版本的瀏覽器中兩個關閉事件可能不會觸發）

onload是在頁面載入的時候觸發，與之相反onunload是在頁面關閉（解除安裝）的時候觸發，至於onbeforeunload是指頁面將要關閉的時候觸發（一般用於彈出是否確認關閉的時候）上程式碼 <!DOCTYPE HTML PUBLIC "-//W3C//DT

【RegExp】JavaScript中正則表達式判斷匹配規則以及常用方法

返回空字符串 tro true 正則表達式 str 本地大小表示範圍字符串是編程時涉及到的最多的一種數據結構，對字符串進行操作的需求幾乎無處不在。正則表達式是一種用來匹配字符串的強有力的武器。它的設計思想是用一種描述性的語言來給字符串定義一個規則，凡是符合規則的字

【前端】javascript中的陣列及操作方法

建立：物件的例項建立：var aList = new Array(1,2,3); 直接建立：var aList = [1,2,3,'a'] 陣列的api：增刪改查/反轉排序/合成字串 1.增：放到最後 var list = ['穿山甲','水娃','蛇精'] list.push

通過和看JavaScript中window物件parent、self、top的區別

<frameset>、<frame>、  <html> <head

EZo UIBuilder中嵌入微博分享按鈕【例項】

EZo UIBuilder中除了可以通過GUL 標籤快速畫出gxt 效果的畫面外，還可以輕鬆嵌入html標籤及javascript，實現web端的任意擴充套件性。通過SN分享相關文章已成為網站不可缺少的一部分。以下為在GUL中嵌入sina 微博分享按鈕的例項

【181225】VC++使用ADO物件新增資料至資料庫中原始碼

原始碼下載簡介 VC++使用ADO物件新增資料至資料庫中,採用Access,對VC新手來說,是個挺實用的入門的資料庫例項,相關程式碼說明: 　　m_List.SetExtendedStyle(LVS_EX_FLATSB //扁平風格顯示滾動條　　|LVS_EX_FULLROWSELECT

【微信小程式開發之坑】javascript建立date物件

最近開發中用到date，開始以如下方式來建立： var date = new Date('2018-01-30 11:00:00'); 在開發工具上，除錯，ios 和 android都好好的。在真機上一跑，android沒問題，ios出問題了。不應該呀，按理，在開發工具上整合的是ios瀏覽器核心。

javaScript寫水印js過程中window物件的屬性丟失問題

/** * * * @author caiwei * @version 1.0 * @created 2017-09-21 16:12:06 * @since 1.0 **/ function watermar

javaScript中window物件的方法和屬性

window物件是客戶端JavaScript最高層物件之一，只要開啟瀏覽器視窗，不管該視窗中是否有開啟的網頁，當遇到BODY、FRAMESET或FRAME元素時，都會自動建立window物件的例項。另外，該物件的例項也可由window.open()方法建立。

【原創】Javascript在html中的執行順序

換了新的工作，需要接觸Javascript了。以前總是寫php的程式碼，對Javascript還是很不熟悉的。今天在寫程式碼的時候，發現一個問題：Javascript在html中的執行順

【實用】JavaScript中Video使用詳解過程（多視訊列表迴圈播放）

做過一個專案裡有用到插入多個視訊類似列表迴圈播放的，視訊資訊是從後臺資料庫傳入的核心JS程式碼片段 <script type="text/javascript"> var videoArray=new Array(); var relative

【JS】JavaScript引擎的內部執行機制

under scrip str tro blog rip 回調函數 ron span 近期在復習JavaScript，看到setTimeout函數時。想起曾經剛學時，在一本書上看過setTimeout()裏的回調函數執行的間隔時間

【前端】JavaScript

sea 模仿嘗試 sub word number 封裝得到整數一、JavaScript概述　　1.JavaScript的歷史 1992年Nombas開發出C-minus-minus(C--)的嵌入式腳本語言(最初綁定在CEnvi軟件中).後將其改名Script

【轉】JavaScript MD5 與 Java MessageDigest 加密後的值相同

cda padding highlight xe7 net abs algorithm urn -a function integer(n) { return n%(0xffffffff+1); } function shr(a,b) { a=integer(a);

【前端】javascript實現導航欄筋鬥雲效果特效

超時 out die ron 滑動 scrip mouseover none point 實現效果：　　實現效果如下圖所示實現原理：什麽是筋鬥雲效果：這個效果很簡單,就是鼠標移到其他導航目錄時會有背景圖片跟著鼠標滑動到當前的目錄。實現思路：鼠標經過的時候

【前端】javascript實現帶有子菜單和控件的輪播圖slider

style creat radius .get abs weight col 技術分享 city 實現效果：實現原理： // 步驟 // 1. 獲取事件源以及相關元素 // 2. 復制第一張圖片所在的li，添加到ul的最後面 // 3. 給ol添加li，ul中的個數-

【前端】javascript+jQuery實現旋轉木馬效果輪播圖slider

pad 語句 borde nbsp strong 調用 define ide right 實現效果：實現原理：技術棧: javascript+jQuery+html+css 實現步驟： // 0. 獲取元素 // 1. 鼠標放置到輪播圖上，顯示兩側的

【JS】JavaScript禁止右鍵菜單和F12打開控制臺看代碼

-1 需要 menu rip value ava 禁止什麽 win <script type="text/javascript"> //禁止鼠標右鍵菜單和F12打開控制臺看源碼 function click(e) { if (document.all)

【轉】javascript的異步概念

tro con 延時處理 adding .cn 理解機制執行環境 defined 某天突然寫了個方法要從後臺調用數據，顯示在前臺頁面，但是輸出結果總是空 undefined，得不到數據。多方找資料才發現，原來是入了 JS 異步的 “坑”。我們常常聽到單線程、多線程、同

【前端】javascript函數

形參 var UNC s函數一個 lte span rip nbsp 1、關於函數參數——ES6新特性rest rest以類似數組的方式將函數的參數保存下來 function eleDis(...rest) { for (var i=0;i<

【例項】javascript中的window物件的onbeforeunload、onload、onunload的區別（在新版本的瀏覽器中兩個關閉事件可能不會觸發）

相關推薦