js 页面关闭前的出现提示的实现代码


Posted in Javascript onMay 25, 2011

实现起来比较简单如下

window.onbeforeunload = function() { 
return "确定离开页面吗?"; 
}

还有一种写法
window.onbeforeunload = function(event) { 
(event || window.event).returnValue = "确定退出吗"; 
}

这个方法chrome和safari不支持,但是由于ie和ff的支持,html5也加入了标准...
大家都知道浏览器的几种弹出对话框都会阻止事件的往下进行,(如alert,confirm),进一步操作后会继续事件的往下执行
一般的做法都会这样
window.onbeforeunload = function(event) { 
return confirm("确定退出吗"); 
}

而这里会弹出2次,return后面的内容将作为是否离开页面的提示..
Javascript 相关文章推荐
select 控制网页内容隐藏于显示的实现代码
May 25 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
详解JavaScript对象的深浅复制
Mar 30 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
利用HBuilder打包前端开发webapp为apk的方法
Nov 13 Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
基于JavaScript实现简单的轮播图
Mar 03 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 #Javascript
IE6/7/8/9不支持exec的简写方式
May 25 #Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 #Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
May 24 #Javascript
javascript中String类的subString()方法和slice()方法
May 24 #Javascript
js中关于String对象的replace使用详解
May 24 #Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
May 24 #Javascript
You might like
咖啡的植物学知识
2021/03/03 咖啡文化
域名查询代码公布
2006/10/09 PHP
php二分法在IP地址查询中的应用
2008/08/12 PHP
PHP类中Static方法效率测试代码
2010/10/17 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
事件模型在各浏览器中存在差异
2010/10/20 Javascript
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
JS实现淘宝幻灯片效果的实现方法
2013/03/22 Javascript
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
2017/04/25 jQuery
js获取一组日期中最近连续的天数
2017/05/25 Javascript
详解vue.js+UEditor集成 [前后端分离项目]
2017/07/07 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
vue-infinite-loading2.0 中文文档详解
2018/04/08 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
2018/10/07 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
2019/05/08 Javascript
vue ssr服务端渲染(小白解惑)
2019/11/10 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
在Django的模型中添加自定义方法的示例
2015/07/21 Python
Python开发的实用计算器完整实例
2017/05/10 Python
Django中的用户身份验证示例详解
2019/08/07 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
Python打印不合法的文件名
2020/07/31 Python
纯css3实现图片翻牌特效
2015/03/10 HTML / CSS
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
几个Linux面试题笔试题
2012/12/01 面试题
外贸业务员工作职责
2014/01/06 职场文书
汽车维修专业自荐书
2014/05/26 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
22句经典语录:送给优柔寡断和胡思乱想的朋友们
2019/12/13 职场文书
Android基于Fresco实现圆角和圆形图片
2022/04/01 Java/Android