使用onbeforeunload事件检测窗口是否刷新或关闭.
onunload,onbeforeunload 在页面刷新或关闭时调用,区别在于:
创新互联主要从事成都网站制作、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务五华,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
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暂不支持。
例子:
刷新与离开页面检测
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,其他都不支持。
例子:
刷新与离开页面检测
当前标题:使用onbeforeunload事件检测窗口是否刷新或关闭.
本文URL:http://myzitong.com/article/jhoopo.html