Question

我是HTML iframe的新手。

我的HTML代码如下所示。

index.html

<html>
<head>
    <script type="text/javascript">
        function change(content,content2) {

            top.iframe_b.location.href = content2;
            top.iframe_a.location.href = content;

        }    
    </script>

</head>
<body>
    <div class="container">

        <a title="" href="#" onclick="change('a.html','b.html')"><div class="smallbox">Click meee</div></a>

        <div style="width: 30%; height: 100%; float:left">
            <iframe id="iframe_a" src="home.html" height="100%" width="100%" name="iframe_a"></iframe>  
        </div>

        <div style="width: 70%; height: 100%; float:right">
            <iframe id="iframe_b" src="dash.html" height="100%" width="100%" name="iframe_b" style="border-left: solid; border-left-color: black"></iframe>
        </div> 
    </div> 
</body>

当我点击链接Click meee时，iframe iframe_a和iframe_b将分别呈现a.html和b.html页面。

但是当我点击浏览器的后退按钮时，它只会更改iframe_a以加载home.html。但iframe_b并没有改变。（广告最后更改href在javascript代码中为iframe_a）

然后在第二次点击时，它会更改iframe_b并将dash.html加载到其中。

我希望{»1}}仅在点击浏览器的后退按钮时切换到最后一页。

如果可能或任何替代解决方案也将受到赞赏，请提出建议。

Answer 1

你真的需要iframe吗？如果您想将一些内容加载到主html页面，您可以使用例如jQuery.load()功能。（从服务器加载数据并将返回的HTML放入匹配的元素中）。

点击浏览器的后退按钮加载两个iframe

1 个答案: