JS リフレッシュ フレーム内の他のページの簡単な分析 && JS リフレッシュ ウィンドウのメソッドの概要_javascript スキル

まず簡単な例を見てみましょう:
以下では、frame.html、top.html、bottom.html という 3 つのページを例として、その方法を説明します。
frame.html は、上部 (top.html) と下部 (bottom.html) の 2 つのページで構成されます。 コードは次のとおりです。

コードをコピーします コードは次のとおりです:

< HTML >



< >
< フレーム名 =top src ="top.html" >
< フレーム名 =bottom src ="bottom.html" >

ここで、top.html (つまり、上のページ) に、bottom.html (つまり、下のページ) を更新するための 7 つのボタンがあると仮定します。次の 7 つのステートメントを使用できます。どれを見たほうが良いでしょうか？
ステートメント 1. window.parent.frames[1].location.reload();
ステートメント 2. window.parent.frames.bottom.location.reload();
ステートメント 3. window.parent.frames["bottom"].location.reload();
ステートメント 4. window.parent.frames.item(1).location.reload();
ステートメント 5. ウィンドウ.parent.frames.item('bottom').location.reload();
ステートメント 6. window.parent.bottom.location.reload();
ステートメント 7. window.parent['bottom'] .location.reload();
top.html ページのコードは次のとおりです:

コードをコピー コードは次のとおりです:

<ヘッド>

<ボディ> < 入力タイプ = ボタン値 =" 更新 1" onclick =" window.parent.frames[1].location.reload()" ><
< 入力タイプ = ボタン値 =" 更新2" onclick ="window .parent.frames.bottom.location.reload()" >< br >
< input type =button value ="更新 3" onclick ="window.parent.frames[ 'bottom'].location .reload()" >< br >
< input type =button value ="Refresh 4" onclick ="window.parent.frames.item(1).location.reload ()" >< ; br >
< input type =button value ="Refresh 5" onclick ="window.parent.frames.item('bottom').location.reload()" >< ; br >
< 入力タイプ =button value ="更新 6" onclick ="window.parent.bottom.location.reload()" >
< 入力タイプ =button value ="更新 7" onclick ="window.parent['bottom'].location.reload()" >< br >




以下は、bottom.html ページのソース コードです。以下のページが実際に更新されたことを証明するために、ページが読み込まれた後にダイアログ ボックスが表示されます。

bottom.html ページのコードは次のとおりです:

コードをコピー コードは次のとおりです:

>