Fork me on GitHub

浏览器关闭与后退

关闭浏览器当前页

此方法不太好操作兼容性不好。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//关闭浏览器
    function closeWin(){
        if (navigator.userAgent.indexOf("MSIE") > 0) {
                    if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {
                        window.opener = null;
                        window.close();
                    } else {
                        window.open('', '_top');
                        window.top.close();
                    }
                }
                else if (navigator.userAgent.indexOf("Firefox") > 0||navigator.userAgent.indexOf("Chrome")>0) {
                    window.location.href = 'about:blank ';
                } else {
                    window.opener = null;
                    window.open('', '_self', '');
                    window.close();
                }
    }

禁止微信后退与提示关闭页面

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//不显示微信后退按钮
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideToolbar');
            WeixinJSBridge.call('hideOptionMenu');
        });
    //禁止后退
         history.pushState(null, null, document.URL);
            window.addEventListener('popstate', function () {
                if(confirm("交易已完成，是否关闭。")){
                    close();
                };
                history.pushState(null, null, document.URL);
            });
 
            function close(){
                //关闭页面
                WeixinJSBridge.call('closeWindow');
            }

监听浏览器页面关闭事件

Onunload与Onbeforeunload 
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 

Onbeforeunload 是点击关闭或刷新触发的事件，

Onunload是确认后触发的事件，用来保存一些数据的。

window.onbeforeunload =function(e){
        return "关闭浏览器将退出系统";
    }
    window.onunload =function(e){
        return "关闭浏览器将退出系统";
    }

 

posted @   小数点就是问题  阅读(216)  评论(0)  编辑  收藏  举报
编辑推荐：
· 从问题排查到源码分析：ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
· 对象命名为何需要避免'-er'和'-or'后缀
阅读排行：
· “你见过凌晨四点的洛杉矶吗？”--《我们为什么要睡觉》
· 编程神器Trae：当我用上后，才知道自己的创造力被低估了多少
· C# 从零开始使用Layui.Wpf库开发WPF客户端
· 开发的设计和重构，为开发效率服务
· C# - 获取枚举描述 - 使用增量源生成器
历史上的今天：
2016-08-05 HTML5之语义化标签
点击右上角即可分享
微信分享提示