<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」の引数を定義せずに、「リンク 1」をクリックすると「source1」が「iframe1」に、「var1」の html が「iframe2」に配置され、「リンク 2」をクリックしても同じ結果になります。ここで、何らかの形で「javascript:parent.var1」に関連する引数を追加して、「Link 1」をクリックすると「Content1」で満たされた「iframe2」が取得され、「Link2」をクリックすると「content2」が同じ「iframe2」。
同じ結果を得るには、次の 2 つの方法があります。
「var1」と「var2」に格納する代わりに、別の 2 つの html ファイルを作成し、それらの名前に関連する引数を指定します。
別の "doublelink" 関数を作成します。
方法 2 は、100 個のリンクがある場合に 100 個の関数が必要になるため、最適ではありません。方法 1 は正常ですが、気になるのですが、上記の方法でそれを行う方法はありますか? ありがとうございました。