监听浏览器返回按钮并实现 点击返回关闭当前页面…

2018-06-29 06:39:15来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

监听浏览器返回按钮并实现 点击返回关闭当前页面的功能

关闭当前页面(只在ie中生效)

window.close()

window.close()只能关闭弹窗和window.open()打开的窗口

chrome,ff写法

window.opener = null
window.open("about:blank","_self","")
window.close()

about:blank打开一个空白页面

浏览器的返回可以用监听事件window.addEventListener('popstate',function(){})来实现,具体代码如下:

var tempHash = window.location.hash;
if(window.history && window.history.pushState){
    window.addEventListener('popstate',function(){
        var hasLocation = location.hash;
        var hashSplit = hashLocation.split("#");
        var hashName = hashSplit[1];
        if(hashName != ''){
            var hash = window.location.hash;
            if(hash == tempHash){
                window.opener = null
                window.open("about:blank","_self","")
                window.close()
            }
        }
    });
    window.history.replaceState('forward',null,window.location.hash + '#forward');
    window.history.pushState('forward',null,tempHash);
    tempHash = window.location.hash;
}
window.location.hash 通过识别#forward来确定当前页面,女朋友明天就要来了,好开心,不写了

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:正确启动从GitHub上下载的vue项目:vueAdmin-template

下一篇:关于Vue中:key="index"的console警告