js 页面关闭前的出现提示的实现代码_javascript技巧
程序员文章站
2022-04-24 08:47:27
...
实现起来比较简单如下
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后面的内容将作为是否离开页面的提示..
复制代码 代码如下:
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后面的内容将作为是否离开页面的提示..
推荐阅读
-
JS取得绝对路径的实现代码_javascript技巧
-
js 图片随机不定向浮动的实现代码_javascript技巧
-
js获取元素相对窗口位置的实现代码_javascript技巧
-
js 判断checkbox是否选中的实现代码_javascript技巧
-
js实现同一页面多个运动效果的方法_javascript技巧
-
js实现页面跳转重定向的几种方式_javascript技巧
-
js下通过prototype扩展实现indexOf的代码_javascript技巧
-
js实现点小图看大图效果的思路及示例代码_javascript技巧
-
IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧
-
JS实现简单的顶部定时关闭层效果_javascript技巧