本篇教程介绍了JavaScript基础教程 监听浏览器返回按钮并实现点击返回关闭当前页面的功能详解，希望阅读本篇文章以后大家有所收获，帮助大家对JavaScript的理解更加深入。

<

监听浏览器返回按钮并实现 点击返回关闭当前页面的功能
关闭当前页面(只在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来确定当前页面，女朋友明天就要来了，好开心，不写了另外也可以实现屏蔽浏览器的回退按钮

       history.pushState(null, null, document.URL);
        window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
        });

 
     

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端JavaScript频道！