0
<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”相关,以便单击“Link 1”将使“iframe2”充满“Content1”,单击“Link2”会将“content2”放入相同的“iframe2”。

有两种方法可以得到相同的结果:

  1. 创建另外两个 html 文件,而不是将它们存储在“var1”和“var2”中,并给出与其名称相关的参数。

  2. 创建另一个“双链接”功能。

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

4

1 回答 1

0

尝试这样的事情:

<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>
于 2013-04-28T22:02:58.793 回答