Loading... <p>前几天遇到一个问题，有个页面需要做一个功能，功能并不复杂，需要浏览器点击返回的时候返回上层链接的首页。</p><p>这牵扯2个问题，1，有没有上一层目录。2，上一层是否是https。</p><p>其实很简单，下面是代码：</p><pre><code class="lang-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></code></pre> 最后修改：2019 年 07 月 06 日 03 : 50 PM © 允许规范转载 赞赏 如果觉得我的文章对你有用，请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
