用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)（可编辑）

用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)（可编辑） 用js判断页面刷新或关闭的方法(onbeforeunload与 onunload事件) 一步丶一脚印メ ////0>. 用js判断页面刷新或关闭的方法onbeforeunload与onunload事件 7>2013-12-09 14:15 30人阅读 评论0 收藏 举报 js浏览器刷新 Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过 window.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 ?element onbeforeunload “handler” „ 描述: 事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本 页。handler可以设一个返回值作为该对话框的显示文本。 触发于: ?关闭浏览器窗口 ?通过地址栏或收藏夹前往其他页面的时候 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 平台支持: IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+ 示例: 复制代码 代码如下: 6>html xmlns"////. meta http-equiv"Content-Type" content"text/html; charsetgb2312" / onbeforeunload测试 function checkLeave event.returnValue"确定离开当前页面吗?"; body onbeforeunload"checkLeave"2、onunload事件 用法: ?object.onbeforeunload handler ?element onbeforeunload "handler" 描述: 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的 表单的时候。 示例: 复制代码 代码如下: html xmlns"////. meta http-equiv"Content-Type" content"text/html; charsetgb2312" / onunload测试 function checkLeave alert"欢迎下次再来!"; body onunload"checkLeave"一个判断页面是否真的关闭和刷新 的好方法: 复制代码 代码如下: window.onbeforeunloadfunction alert"onbeforeunload"; //.y.clientWidth && event.clientY 0 || event.altKey alert"你关闭了浏览器"; 3 alert"你关闭了浏览器"; else alert"你正在刷新页面"; 这段代码就是判断触发onbeforeunload事件时,鼠标是否点击 了关闭按钮,或者按了ALT+F4来关 闭网页,如果是,则认为系统是关闭网页,否则在认为系统是刷新 网页。 详细出处参考:////. 更多 上一篇:java删除目录文件 下一篇:使Tomcat指向指定的JDK目录 查看评论 * 以上用户言论只代表其个人观点,不代表CSDN网站的观点或 立场 核心技术类目 全部主题 Java VPN Android iOS ERP IE10 Eclipse CRM JavaScript Ubuntu NFC WAP jQuery 数据库 BI HTML5 Spring Apache Hadoop .NET API HTML SDK IIS Fedora XML LBS Unity Splashtop UML components Windows?Mobile Rails QEMU KDE Cassandra CloudStack FTC coremail OPhone?CouchBase 云计算 iOS6 Rackspace?Web?App SpringSide Maemo Compuware 大数据 aptech Perl Tornado Ruby Hibernate ThinkPHP Spark HBase Pure Solr Angular Cloud?Foundry Redis Scala Django Bootstrap 个人 u011427926 访问:3600次 积分:276分 排名:千里之外 原创:22篇 转载:21篇 译文:0篇 评论:1条 文章搜索 文章分类 文件读取6 统计0 java8 个人总结2 xml解析4 tomcat1 Properties1 was1 java文件压缩1 数据库7 4 文章存档 2013年12月7 2013年11月8 2013年10月5 2013年09月8 2013年08月11 2013年07月4 阅读排行 VirtualBox+centOs网络设置269 java压缩文件ant.jar解决中文乱码231 POI解析word03和word07213 几种数据库复制表的方式总结184 解析带有命名空间问题web.xml164 jdom和dom4j解析xml注释拿到注释下的节点150 java 字节流与字符流的区别132 JDom解析一些XML文件时,不希望解析文件的DTD元素127 解决读取文件乱码问题小结116 读取txt文件实现搜索替换功能101 评论排行 java压缩文件ant.jar解决中文乱码1 db2 中通过查询结果来create table 的3种方式0 Java String.split用法0 窥探SQL预编译内幕0 VirtualBox+centOs网络设置0 几种数据库复制表的方式总结0 sql语句0 POI解析word03和word070 centOS 安装was6.1安装程序没有响应,进不去安装界面0 centOS 卸载和安装jdk0 推荐文章 最新评论 java压缩文件ant.jar解决中文乱码 u011427926: 呵呵 5