總體思路:在iframe所在當前頁面地址url後拼接 #+targetUrlhtml
<a href="url" target="iframeId" onclick="loadIframe($(this))">a標籤跳轉iframe</a>
// iframe模板刷新後頁面跳轉問題解決--start function loadIframe(url) { //獲取url連接 var u = window.location.href; //由於每次獲取的連接中都有以前的舊錨點, //因此須要把#以後的舊錨點去掉再來加新的錨點(即傳入的url參數) var end = u.indexOf("#"); var rurl = u.substring(0,end); if(rurl == ''){ rurl="當前頁面url" } //設置新的錨點 window.location.href = rurl + "#" + url; } window.onhashchange = function() { //location.hash取到的是url連接中#(包括本身)後面的內容 var hash = location.hash; //去掉#號,獲得的就是咱們要設置到iframe中src上的地址 var url = hash.substring(1,hash.length); $("#iframeId").attr("src", url); } document.addEventListener('DOMContentLoaded', function () { var hash = location.hash; var url = hash.substring(1,hash.length); $("#iframeId").attr("src", url); }, false) // iframe模板刷新後頁面跳轉問題解決--end
iframe標籤內a標籤跳轉,父頁面添加以下方法this
// iframe標籤內鏈接跳轉,刷新停留在當前頁面 function changeUrl(elem) { loadIframe(elem.attr('href')); }
iframe標籤內調用父頁面js方法用 window.parent.jsfun() 調用。 參考網址:https://www.cnblogs.com/zhuxiaojie/p/5990262.html 裏面有些錯誤!url