如何处理iframe 子窗口刷新跳转首页

参考作者文章:https://www.codeprj.com/blog/5b67761.html

今天用iframe写了个页面，在子窗口刷新时页面会跳转，记录一下，

主要借助的是锚点

监听锚点的变化，设置iframe的地址

 window.onhashchange = function () {
            var hash = location.hash;         
            hash = hash.substring(1, hash.length);
          $("#external-frame").attr("src", hash);
        }

a标签加上onclick事件 传入参数

<a onclick="loadIframe('apply.html')">申请</a>

　

 function loadIframe(url) {
            var u = window.location.href;
            var end = u.indexOf("#");
            var rurl = u.substring(0, end);
            //设置新的锚点
            window.location.href = rurl + "#" + url;
        }

 

当页面载入时设置iframe地址

 document.addEventListener('DOMContentLoaded', function () {
            var hash = location.hash;
            var url = hash.substring(1, hash.length);
            if (url == "") {
                $("#external-frame").attr("src", "default.html");
            }
            else { 
                $("#external-frame").attr("src", url);
            }
        }, false)