js離開當前頁面時觸發的函式
Onunload，onbeforeunload都是在重新整理或關閉時呼叫，可以在<script>指令碼中通過window.onunload來指定或者在<body>裡指定。
區別在於onbeforeunload在onunload之前執行，它還可以阻止onunload的執行。
Onbeforeunload也是在頁面重新整理或關閉時呼叫，Onbeforeunload是正要去伺服器讀取新的頁面時呼叫，此時還沒開始讀取；而onunload則已經從伺服器上讀到了需要載入的新的頁面，在即將替換掉當前頁面時呼叫。Onunload是無法阻止頁面的更新和關閉的。而 Onbeforeunload 可以做到。
1、onbeforeunload事件：
說明：目前三大主流瀏覽器中firefox和IE都支援onbeforeunload事件,opera尚未支援。
用法：
·object.onbeforeunload = handler
·<element onbeforeunload = "handler" … ></element>
描述：
事件觸發的時候彈出一個有確定和取消的對話方塊，確定則離開頁面，取消則繼續待在本頁。handler可以設一個返回值作為該對話方塊的顯示文字。
觸發於：
·關閉瀏覽器視窗
·通過位址列或收藏夾前往其他頁面的時候
·點選返回，前進，重新整理，主頁其中一個的時候
·點選 一個前往其他頁面的url連線的時候
·呼叫以下任意一個事件的時候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit.
·當用window open開啟一個頁面，並把本頁的window的名字傳給要開啟的頁面的時候。
·重新賦予location.href的值的時候。
·通過input type="submit"按鈕提交一個具有指定action的表單的時候。
可以用在以下元素：
·BODY, FRAMESET, window
平臺支援：
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
示例：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312″ />
<title>onbeforeunload測試</title>
<script>
function checkLeave(){
event.returnValue="確定離開當前頁面嗎？";
}
</script>
</head>
<body onbeforeunload="checkLeave()">
</body>
</html>
2、onunload事件
用法：
·object.onbeforeunload = handler
·<element onbeforeunload = "handler"></element>
描述：
當用戶關閉一個頁面時觸發 onunload 事件。
觸發於：
·關閉瀏覽器視窗
·通過位址列或收藏夾前往其他頁面的時候
·點選返回，前進，重新整理，主頁其中一個的時候
·點選 一個前往其他頁面的url連線的時候
·呼叫以下任意一個事件的時候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit.
·當用window open開啟一個頁面，並把本頁的window的名字傳給要開啟的頁面的時候。
·重新賦予location.href的值的時候。
·通過input type="submit"按鈕提交一個具有指定action的表單的時候。
示例：
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312″ />
<title>onunload測試</title>
<script>
function checkLeave(){
alert("歡迎下次再來！");
}
</script>
</head>
<body onunload="checkLeave()">
</body>
</html>
相關推薦
js離開當前頁面時觸發的函式
Onunload，onbeforeunload都是在重新整理或關閉時呼叫，可以在<script>指令碼中通過window.onunload來指定或者在<body>裡指定。 區別在於onbeforeunload在onunload之前執行，它還可以阻止o
IONIC即將離開當前頁面時，強制給出提示
即將離開當前頁面，當不符合要求時，強制給出提示
用wow.js實現滾動頁面時觸發CSS 動畫效果的外掛
有的頁面在向下滾動的時候，有些元素會產生細小的動畫效果。雖然動畫比較小，但卻能吸引你的注意。如果你希望你的頁面也更加有趣，那麼你可以試試 WOW.js。 WOW.js 依賴 animate.css，所以它支援 animate.css 多達 60 多種的動畫效果，能滿足您的各
32.js 判斷當前頁面是否被瀏覽
span bili string key opera ont ber style iter 可以通過document.hidden屬性判斷當前頁面是否是激活狀態。 兼容性：IE10+，Firefox10+,Chrome14+,Opera12.1+,Safari7.1+ 兼容
js獲取當前頁面Get請求參數
cat pla length code 請求參數 col ati spl 表達 廢話不多說，直接上代碼： //獲取當前頁面的請求參數並移除左邊的? var currentSearchStr = window.location.search.replace("?","");
Vue.js重新整理當前頁面
Vue.js的路由跳轉很強大，類似ajax的區域性重新整理，路由跳轉時候頁面是不重新整理的，重新整理當前頁面的功能不建議用，但是有的時候確實需要重新整理當前頁面來實現某些需求，這個時候，我們有兩種方法可以實現。 第一種就是傳統的的方法 window.location.reload()
js獲取當前頁面url網址信息
pos web split拆分 http 分段 function search 正則匹配 ext 在WEB開發中，時常會用到javascript來獲取當前頁面的url網址信息，在這裏是我的一些獲取url信息的小總結。 下面我們舉例一個URL，然後獲得它的各個組成部分：htt
JS獲取當前頁面url傳參
JS獲取當前頁面url傳參 function geturl(data) { //獲取當前頁面路徑傳參 // var url = document.location.toString(); //獲取當前頁面路徑，我這裡在本地寫的一個頁面路徑進行參考 var url
如何用js在開啟頁面時自動切換tab導航欄
如何自動切換tab？首先，先上一段程式碼，然後我們再對他進行解決 <div id="BsnEditPanelDiv" class="col-sm-12"> <ul id="deviceDetailTab" class="nav nav-tabs pu
JS獲取當前頁面視窗高度、寬度
alert($(window).height()); //瀏覽器時下視窗可視區域高度 alert($(document).height()); //瀏覽器時下視窗文件的高度 alert($(document.body).height());//瀏覽器時下視窗文件body的高度
js獲取當前 年月日-時分秒
function getNowFormatDate() { var date = new Date(); var seperator1 = "-"
JS判斷當前頁面是在 QQ客戶端/微信客戶端/iOS瀏覽器/Android瀏覽器/PC客戶端
browser.js var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移動終端瀏覽器版本資訊 trident: u.
原生Js判斷當前頁面是否是第一次開啟
原理是利用瀏覽器cook來判斷,噹噹前頁面不存在cook時就是第一次開啟 程式碼: function Cookie(key,value){ this.key=key; if(value!=null) { this.value=e
js:返回到頁面時滾動到上次瀏覽位置
客戶端儲存資料的兩個物件為： localStorage:沒有時間限制的資料儲存 sessionStorage - 針對一個 session 的資料儲存（關閉視窗，儲存的資料清空） 程式碼塊: //滾動時儲存滾動位置 KaTeX parse error: Expected '}', got '
js判斷當前頁面是PC端還是手機端訪問？
執行當前js，可判斷當前是PC端還是手機端訪問 <script type="text/javascript"> function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["A
JS 重新整理當前頁面 返回上一頁並重新整理的方法
reload 方法，該方法強迫瀏覽器重新整理當前頁面。語法：location.reload([bForceGet])
js重新整理當前頁面的幾種方式
Javascript重新整理頁面的幾種方法： history.go(0) location.reload() location=location location.assign(location) location.replace(location) 1、
JS判斷當前頁面是否在微信內開啟
有的時候我們的頁面只允許在微信內才能使用，這個時候就要判斷是否是在微信內開啟的頁面，只需要加入一行程式碼判斷下就可以了 var wx= (function(){ return navigator.us
js獲取當前頁面url信息
href 端口 proto toc 127.0.0.1 style last art length ``` <!DOCTYPE html> <html> <head> &
Js事件繫結時，函式名加括號和不加括號有什麼區別
一，在js程式碼裡 加括號代表呼叫，執行這個方法； 不加括號目的是引用,代表把這個函式賦值給某個變數。 在下面程式碼裡： 1.1 btn.onclick=aa;是正