參考作者文章: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)