2013-04-28 87 views
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」將會得到填充了「Content1」的「iframe2」,點擊「Link2」將會把「content2」放到相同的「iframe2」。獲取使用javascript

有兩種方法來獲得相同的結果:

  1. 創建的,而不是將它們存儲在「VAR1」和「VAR2」另外兩個HTML文件,並給予說法與他們的名字。

  2. 創建另一個 「doublelink」 功能。

方法2不是最優的,因爲如果有100個鏈接需要100個函數。方法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> 
+0

謝謝你,它的工作原理,但只用於鏈接2.我編輯我的職務,以更澄清。 – Oxy 2013-04-29 07:39:08

+0

好吧,現在我明白了...我想...我更新了腳本。 – 2013-04-29 10:51:47

+0

這真的很奇怪。當我看到答案時,我嘗試用iframe2替換原始代碼中的幀[i-1],但它不起作用。無論如何它現在有效。謝謝。 – Oxy 2013-04-29 17:40:28