iframe標籤刷新頁面停留在當前頁

總體思路:在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

相關文章
相關標籤/搜索