1. 程式人生 > >JS 監控頁面重新整理,關閉 事件的方法

JS 監控頁面重新整理,關閉 事件的方法

onbeforeunload與onunload事件Onunload,onbeforeunload都是在重新整理或關閉時呼叫,可以在指令碼中通過window.onunload來指定或者在裡指定。區別在於onbeforeunload在onunload之前執行,它還可以阻止onunload的執行。
  Onbeforeunload也是在頁面重新整理或關閉時呼叫,Onbeforeunload是正要去伺服器讀取新的頁面時呼叫,此時還沒開始讀取;而onunload則已經從伺服器上讀到了需要載入的新的頁面,在即將替換掉當前頁面時呼叫。Onunload是無法阻止頁面的更新和關閉的。而 Onbeforeunload 可以做到。

頁面載入時只執行onload
頁面關閉時先執行onbeforeunload,最後onunload
頁面重新整理時先執行onbeforeunload,然後onunload,最後onload。

1、onbeforeunload事件:
  說明:目前三大主流瀏覽器中firefox和IE都支援onbeforeunload事件,opera尚未支援。
  用法:
   ·object.onbeforeunload = handler
   ·

相關推薦

JS 監控頁面重新整理,關閉 事件方法

onbeforeunload與onunload事件Onunload,onbeforeunload都是在重新整理或關閉時呼叫,可以在指令碼中通過window.onunload來指定或者在裡指定。區別在於onbeforeunload在onunload之前執行,它還可

js判斷頁面重新整理關閉方法(onbeforeunload與onunload事件)

Onunload,onbeforeunload都是在重新整理或關閉時呼叫,可以在<script>指令碼中通過window.onunload來指定或者在<body>裡指定。區別在於onbeforeunload在onunload之前執行,它還可以阻止on

javascript監聽頁面重新整理頁面關閉事件方法詳解

在我們的日常生活中,時常遇到這麼一種情況,當我們在點選一個連結、關閉頁面、表單提交時等情況,會提示我們是否確認該操作等資訊。 這裡就給大家講講javascript的onbeforeunload()和onunload()兩個事件。 相同點: 兩者都是在對頁面的關閉或重新整理事件作個操作。

js監聽瀏覽器關閉事件(區分重新整理關閉,相容IE9,10,11,Edge,Chrome和Firefox)

由於各瀏覽器相容性不同,所以首先要先區分各瀏覽器 var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字串 var isOpera = userAgent.indexOf("Opera") > -1; //判斷是否Oper

js判斷頁面關閉還是重新整理

頁面載入時只執行onload 頁面關閉時只執行onunload 頁面重新整理時先執行onbeforeunload,然後onunload,最後onload html+js程式碼: <html> <head> <title>判斷頁面是

JS頁面呼叫變數的方法

在前端開發中,一個B頁面需要使用另一個頁面A中的變數時,通常採用兩種方式,url傳參或者本地儲存並獲取變數的值。 使用url傳參,當A頁面跳轉至B頁面時,將變數值拼接在url後面,B頁面可以使用封裝的函式獲取url中拼接的變數值。例如:  A頁面程式碼: window.loca

js jquery 頁面載入初始化方法

一.js 頁面載入初始化方法 // 1.在body裡面寫初始化方法. <body onload='init()'> </body> <script type="text/javasc

js給物件標籤新增事件&方法的封裝

<pre name="code" class="html"><span style="font-family:Microsoft YaHei;font-size:14px;"><body> <div id="box"> &

Js控制頁面重新整理(區域性重新整理&全頁面重新整理

區域性重新整理: 這個方法就多了去了,常見的有以下幾種;  $.get方法,$.post方法,$.getJson方法,$.ajax方法如下  前兩種使用方法基本上一樣  $.get(”Default.php”, {id:”1″, page: “2″ },  functio

原生js檢測頁面載入完畢的方法

原生js的頁面載入完畢的使用方法為 window.onload=function(){ //somecode } 在jquery的影響下的錯誤寫法為: window.onload(func

js禁止頁面重新整理&後退

<!-- //遮蔽滑鼠右鍵、Ctrl+N、Shift+F10、F11、F5重新整理、退格鍵 //Author: meizz(梅花雨) 2002-6-18 function document.oncontextmenu(){event.returnValue=false;}//遮蔽滑鼠右

js判斷瀏覽器的關閉標籤動作和重新整理事件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://unpkg.com/v

javascript如何監聽頁面重新整理頁面關閉事件

在我們的日常生活中,時常遇到這麼一種情況,當我們在點選一個連結、關閉頁面、表單提交時等情況,會提示我們是否確認該操作等資訊。 這裡就給大家講講javascript的onbeforeunload()和onunload()兩個事件。 相同點: 兩者都是在對頁面的關閉或重新整理

JS 關閉視窗跟重新整理視窗事件

<script type="text/javascript"> <!-- window.onbeforeunload = onbeforeunload_han

js關閉當前頁面重新整理頁面

一、頁面執行流程說明: 1.點選父頁面a.html的“點我開啟新視窗”按鈕-->彈出新視窗(b.html) 2.關閉彈出的新視窗b.html-->重新整理父頁面a.html 二、實現步驟: 要點:1.給按鈕的點選事件編寫函式f1(),用於彈出新視窗   win

JS當前頁面和框架自動重新整理方法

最近越來越感覺JS的優越性,專案中用到關於框架頁面重新整理的方法,在網上搜索以後發現有許多不錯的程式碼,但不是很齊全。於是,我索性從網路上搜集以後經過精心編排,整理了一下。^ - ^ 希望大家多多指教! 先來看一個簡單的例子: 下面以三個頁面分別命名為frame.html、

js實現jsp中關閉當前頁面方法

當在jsp中的button按鈕新增如下事件時,如果在PC端開啟,可實現關閉當前頁面的功能 function myclose() {     if (confirm("您確定要退出報名系統嗎?")) {

iframe框架下的子父級頁面監控頁面關閉事件

1.子頁面監控父級tabs頁面關閉事件 兩種方式: 其一↓ var jq = top.jQuery; jq("#tt").tabs({ onBeforeClose: f

監控頁面後退前進,瀏覽器文檔加載事件之pageshow、pagehide

註冊頁面 位數 brush 加載 rip article 提示 ptp href 輸入密碼後,點擊查看協議,然後返回註冊頁面,密碼輸入欄為空,應該顯示默認提示信息“請設置登錄密碼”,情況如下 頁面結構: <div class="inputwrap">

JS刷新當前頁面的幾種方法總結

onu navigate mman reload 存在 .exe time 通過 復制代碼 reload 方法,該方法強迫瀏覽器刷新當前頁面。語法:location.reload([bForceGet])