javascript - 当 iframe 页面刷新时，它会重定向到主页而不是同一页面

Question

这个问题已经有答案了:

How to retain iframe src after refreshing the parent page using JavaScript or jQuery? (1 个回答)

已关闭 6 年前。

我的网站使用 iframe 加载 div 元素内的内容。我的问题是，当页面刷新时，它会重定向到主页而不是当前页面。

这是部分代码。

     <a  href="promotion.jsp">Promotion</a>

这是我使用的 JavaScript 函数。

$(document).ready(function(){

        var url;
        $('a').click(function(e){

            e.preventDefault();
            url = $(this).attr('href');
            if(undefined != url){
                window.frames["page-wrapper"].src = url;
                clickFront();
            }
        });

        $("button").click(function() {
            checkUrlandId(url,this.id);         
        });

    });

clickFront()是启用和禁用某些顶部菜单栏按钮功能的函数。

因此，当我单击菜单项(批准)时，页面发生了变化。该页面刷新后，它会重定向到主页而不是当前页面。

这是两张屏幕截图。第一个是在单击菜单项之前，第二个是在单击菜单项之后。

点击菜单项后 url 没有改变。

我读到我们可以使用 cookies 或 javascript localstorage 来保存 url 来做到这一点？有人可以帮助我吗...我是 js 的新手。

Answer 1

我希望 window.frames["page-wrapper"].src = url; 为
window.frames["page-wrapper"].location = url;

无论如何。如果您需要 iFrame 更改才能在刷新和书签中幸存，则需要在页面中使用哈希:

$(function(){
    var url = location.hash?decodeURIComponent(hash.substring(1)):"";
    if (url) window.frames["page-wrapper"].location = url;
    $('a').click(function(e){
        e.preventDefault();
        url = $(this).attr('href');
        if(undefined != url){
            location.hash=encodeURIComponent(url);
            window.frames["page-wrapper"].location = url;
            clickFront();
        }
    });

});

如果 URL 是外部的，那么您确实需要目标。

本地存储

$(function(){
    var url = localStorage.getItem("url");
    if (url) window.frames["page-wrapper"].location = url;
    $('a').click(function(e){
        e.preventDefault();
        url = $(this).attr('href');
        if(undefined != url){
            window.frames["page-wrapper"].location = url;
            localStorage.setItem("url",url);
            clickFront();
        }
    });

});