锁定浏览器返回上一层首页

博主： cipher
发布时间：2019 年 07 月 06 日
586次浏览
暂无评论
962字数
分类：工作经验

前几天遇到一个问题，有个页面需要做一个功能，功能并不复杂，需要浏览器点击返回的时候返回上层链接的首页。

这牵扯2个问题，1，有没有上一层目录。2，上一层是否是https。

其实很简单，下面是代码：

```html
<!DOCTYPE html>
<html lang="zh"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>锁定浏览器返回上一层首页</title>
</head>
<body>
<p>锁定浏览器返回上一层首页</p>
<script>
$(function(){  
//清空浏览器历史记录  
pushHistory();  
//监听浏览器后退事件  
window.addEventListener("popstate",  
    function(e) {  
    //转向指定的URL
	//获取上一层链接
	var refurl = document.referrer;
	//截取主域名
	var refurlhost = refurl.split("/")[2];
	//判定有没有上层目录，以及判定上层目录是不是https
	if(refurl==""||refurl==null||refurl==undefined){
		var refurlhostbalck ="/";
	}else if(refurl.indexOf("https")>=0)
	{
		var refurlhostbalck ="https://"+refurlhost;
	}else{
		var refurlhostbalck ="http://"+refurlhost;
	}
    location.href=refurlhostbalck;  
    }, false);  
    //清空浏览器历史记录  
 function pushHistory() {  
        var url = "#";  
        var state = {  
            title: "title",  
            url: "#"  
        };  
        window.history.pushState(state, "title", "#");  
    }  
});  
</script>
</body>
</html>
```

最后修改：2019 年 07 月 06 日 03 : 50 PM

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

防水材料加盟
赞一个加油鸭
雷达探币
心微动奈何情己远，物也非，人也非，事事非，往日不可追
iMJMJ
赞一个，学习了
Adoncn
很给力!！！！！
雷达探币
与其穷尽一生等一个完美的别人，不如花时间来好好修炼不完美的自己

锁定浏览器返回上一层首页

发表评论取消回复

博客重建

帝国动态获取上一篇及下一篇的链接（不刷新页面，要用到数据库）

商某通超链接实现屏蔽功能

非插件实现Typecho语法高亮

linux批量查找文件并替换其中的内容

中国直连网络：CN2 GIA,CN2 GT,AS4134解惑

linux批量查找文件并替换其中的内容

非插件实现Typecho语法高亮

使用阿某云cdn的站点开启gzip压缩方式

IIS7出现“另一个程序正在使用此文件，进程无法访问”

锁定浏览器返回上一层首页

发表评论 取消回复

锁定浏览器返回上一层首页

发表评论取消回复