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 相关文章推荐
Jquery+asp.net后台数据传到前台js进行解析的方法
May 11 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
Angular的MVC和作用域
Dec 26 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
深入理解js A*寻路算法原理与具体实现过程
Dec 13 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
ES6 Promise对象的含义和基本用法分析
Jun 14 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
js实现模拟购物商城案例
May 18 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
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
jQuery图片拖动组件Dropzone用法示例
2017/01/17 Javascript
使用gulp搭建本地服务器并实现模拟ajax
2017/04/05 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
微信小程序实现无限滚动列表
2020/05/29 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
JS几个常用的函数和对象定义与用法示例
2020/01/15 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
Element PageHeader页头的使用方法
2020/07/26 Javascript
Python装饰器decorator用法实例
2014/11/10 Python
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
python 正确保留多位小数的实例
2018/07/16 Python
python爬虫自动创建文件夹的功能
2018/08/01 Python
python+selenium 点击单选框-radio的实现方法
2019/09/03 Python
使用python实现哈希表、字典、集合操作
2019/12/22 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
厨房工作人员岗位职责
2013/11/15 职场文书
语文教育专业推荐信范文
2013/11/25 职场文书
公务员职业生涯规划书范文  
2014/01/19 职场文书
行政主管职责范本
2014/03/07 职场文书
大学生标准自荐书
2014/06/15 职场文书
刑事辩护授权委托书格式
2014/10/13 职场文书
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL
纯CSS打字动画的实现示例
2022/08/05 HTML / CSS