Question

<html>

<head>
<script language="javascript">
var var1 = "<html><body>Content1</body></html>"
    var2 = "<html><body>Content2</body></html>"
function doublelink([arg]){
top.iframe2.location="javascript:parent.var1";
}
</script>
</head>

<body>

<a href="source1" target="iframe1" onClick="doublelink([arg1])";>Link 1</a><p>
<a href="source1" target="iframe1" onClick="doublelink([arg2])";>Link 2</a><p>


<iframe src="source" name="iframe1"></iframe>
<iframe src="source" name="iframe2"></iframe>

</body>
</html>

我正在寻找方法来创建一次更新多个帧的链接，并找到上面的代码。如果没有为“doublelink”函数定义参数，单击“Link 1”会将“source1”设置为“iframe1”，将“var1”中的html设置为“iframe2”，然后单击“Link 2”将导致相同的结果。现在我想添加一个与“javascript：parent.var1”有关的参数，以便点击“链接1”将“iframe2”填充“Content1”并点击“Link2”将“content2”添加到相同的“iframe2”。

有两种方法可以获得相同的结果：

创建另外两个html文件，而不是将它们存储在“var1”和“var2”中，并提供与其名称相关的参数。
创建另一个“双链接”功能。

方法2不是最优的，因为如果有100个链接则需要100个函数。方法1是正常的，但我只是好奇，有没有一种方法可以按照我上面提到的方式完成它？谢谢。

Answer 1

尝试这样的事情：

<html>
<head>
<script>
    var var1 = "<html><body>Content1</body></html>",
        var2 = "<html><body>Content2</body></html>";

    function doublelink(i) {
        top.iframe2.location = "javascript:parent.var" + i;
    }
</script>
</head>
<body>

<a href="http://www.example.com" target="iframe1" onclick="doublelink(1);">Link 1</a><br>
<a href="http://www.example.com" target="iframe1" onclick="doublelink(2);">Link 2</a><br>

<iframe src="" name="iframe1"></iframe>
<iframe src="" name="iframe2"></iframe>

</body>
</html>

使用javascript同时更新两个帧

1 个答案: