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 相关文章推荐
EasyUI的treegrid组件动态加载数据问题的解决办法
Dec 11 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
node.js中的buffer.write方法使用说明
Dec 10 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
webpack 4.0.0-beta.0版本新特性介绍
Feb 10 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
js实现文件上传功能 后台使用MultipartFile
Sep 08 Javascript
vue实现条件判断动态绑定样式的方法
Sep 29 Javascript
在vue和element-ui的table中实现分页复选功能
Dec 04 Javascript
微信小程序实现吸顶效果
Jan 08 Javascript
ES6函数和数组用法实例分析
May 23 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 图像处理类1
2009/06/15 PHP
探讨各种PHP字符串函数的总结分析
2013/06/05 PHP
smarty高级特性之对象的使用方法
2015/12/25 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
php生出随机字符串
2017/07/06 PHP
Prototype中dom对象方法汇总
2008/09/17 Javascript
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
Extjs4中Form的使用之本地hiddenfield
2013/11/26 Javascript
JavaScript执行顺序详细介绍
2013/12/04 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
jquery使用hide方法隐藏指定id的元素
2015/03/30 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
微信小程序 密码输入(源码下载)
2017/06/27 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
2017/11/09 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
微信网页授权并获取用户信息的方法
2018/07/30 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
2019/07/15 Javascript
详解小程序如何改变onLoad的执行时机
2019/11/01 Javascript
详解Python中的静态方法与类成员方法
2017/02/28 Python
Python使用django搭建web开发环境
2017/06/09 Python
选择python进行数据分析的理由和优势
2019/06/25 Python
Python字符串处理的8招秘籍(小结)
2019/08/13 Python
基于pytorch的保存和加载模型参数的方法
2019/08/17 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
Python如何执行系统命令
2020/09/23 Python
印度网上购物首选目的地:Flipkart
2016/08/01 全球购物
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
趣天网日本站:Qoo10 JP
2019/09/18 全球购物
自考毕业生自我鉴定
2013/11/04 职场文书
主持人婚宴答谢词
2014/01/28 职场文书
小小商店教学反思
2014/04/27 职场文书
升旗仪式演讲稿
2014/05/08 职场文书
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电