Question

后退和前进按钮按我的意愿控制iFrame。

我正在使用onClick函数来更新iFrame元素的来源。

<input class='home_main_submenu2' type='button' value='Training Information'  OnClick='document.getElementById("home_frame").src=("http://claytonpolicetraining.blogspot.com/")'>
<input class='home_main_submenu2' type='button' value='Training Resource'  OnClick='document.getElementById("home_frame").src=("/ftproot/TrainingResource/")'>

<iframe id='home_frame' class='viewPort' src='?subtopic=featured_video' name='content_frame'></iframe>

我正在使用按钮将iFrame“弹出”到新窗口，以防用户不想使用iFrame。按钮代码：

<input id='frame_new_tab' type='button' value='Open in New Tab' onClick='OpenNewTab("home_frame")'>

function OpenNewTab(id)
{
    var redirect = "";

    try
    {
        window.event.returnValue = false;
        redirect = document.getElementById(id).contentWindow.location.href;
    }
    catch(e)
    {
        redirect = document.getElementById(id).src;
    }
    window.open(redirect);
}

以上所有方法都很完美。

问题：

如果我在iFrame上打开address1，然后在我的iFrame上单击“返回”按钮到地址2，然后尝试“弹出”iFrame，它会弹出地址1，这是我在单击“返回”按钮之前所拥有的，而不是地址2是我目前使用的iFrame。

不知何故，当我按下后退按钮时，iFrame将在iFrame中显示正确的内容，但它无法将正确的信息加载到iFrame元素，例如src。我该如何解决这个问题？

iframe /后退按钮未更新location.href

0 个答案: