使用onbeforeunload事件检测窗口是否刷新或关闭 .
2017-07-21 15:28
549 查看
onunload,onbeforeunload
在页面刷新或关闭时调用,区别在于:
onbeforeunload
是在页面刷新或关闭前触发,这时浏览器并未请求服务器读取新页面,因此onbeforeunload是可以阻止页面更新或关闭的。
onunload
也是在页面刷新或关闭时触发,不过这时浏览器已经向服务器请求读取新页面,因此onunload是无法阻止页面更新或关闭的。
1.
事件触发时会弹出一个有确定和取消的对话框,确定后才会执行后续事件,否则继续留在本页。
触发于:
关闭浏览器窗口
通过地址栏或收藏夹前往其他页面的时候
点击返回,前进,刷新,主页其中一个的时候
点击 一个前往其他页面的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
平台支持:IE,Firefox,Chrome,Safari。Opera暂不支持。
例子:
2.
事件触发时,会弹出一个只有确定的对话框,点确定后执行后续事件。
触发于:
关闭浏览器窗口
通过地址栏或收藏夹前往其他页面的时候
点击返回,前进,刷新,主页其中一个的时候
点击 一个前往其他页面的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的表单的时候。
平台支持:只有IE,其他都不支持。
例子:
在页面刷新或关闭时调用,区别在于:
onbeforeunload
是在页面刷新或关闭前触发,这时浏览器并未请求服务器读取新页面,因此onbeforeunload是可以阻止页面更新或关闭的。
onunload
也是在页面刷新或关闭时触发,不过这时浏览器已经向服务器请求读取新页面,因此onunload是无法阻止页面更新或关闭的。
1.
onbeforeunload 事件
事件触发时会弹出一个有确定和取消的对话框,确定后才会执行后续事件,否则继续留在本页。触发于:
关闭浏览器窗口
通过地址栏或收藏夹前往其他页面的时候
点击返回,前进,刷新,主页其中一个的时候
点击 一个前往其他页面的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
平台支持:IE,Firefox,Chrome,Safari。Opera暂不支持。
例子:
<!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> </head> <body> <script type="text/javascript"> window.onbeforeunload = function(){ return '你的文章尚未保存'; } </script> </body> </html>
2.
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的表单的时候。
平台支持:只有IE,其他都不支持。
例子:
<!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> </head> <body> <script type="text/javascript"> window.onunload = function(){ alert('谢谢下次再来'); } </script> </body> </html>
相关文章推荐
- 使用onbeforeunload事件检测窗口是否刷新或关闭
- 使用onbeforeunload事件检测窗口是否刷新或关闭
- 关于监控窗口是否关闭的onbeforeunload与onunload事件
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件) 详细出处参考:http://www.jb51.net/article/30640.htm
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- js监听浏览器关闭事件 onbeforeunload和Onunload不生效 使用onpadehide可以监听到浏览器关闭事件
- 关闭页面和刷新页面后 触发服务器事件 采用body的onbeforeunload()方法
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 浏览器关闭或刷新事件--window.onbeforeunload
- 研究区分onbeforeunload事件是刷新还是关闭
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 网页关闭时提示是否离开的对话框——onbeforeunload
- 监视浏览器的刷新和关闭:Onunload与Onbeforeunload
- 关闭页面之前 提示用户(确定跳转,取消停留)----使用window.onbeforeunload
- 【实例】javascript中的window对象的onbeforeunload、onload、onunload的区别(在新版本的浏览器中两个关闭事件可能不会触发)
- onbeforeunload与onunload事件 比较区分使用
- 在页面关闭或者刷新的时候触发 onbeforeunload