ホームページ > 記事 > ウェブフロントエンド > JavaScript でフレームのサブページを更新する 7 つの方法 (概要)
JavaScript でフレームのサブページを更新する 7 つの方法 (概要)
- 青灯夜游転載
- 2018-10-11 15:01:304429ブラウズ
この記事では、JavaScript でフレーム サブページを更新する 7 つの方法を紹介します。必要な方は参考にしていただければ幸いです。
以下では、framedemo.html、left.html、right.html という 3 つのページを例として、その方法を説明します。
framedemo.html は、左と右の 2 つのページで構成されます。コードは次のとおりです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < TITLE> frameDemo </TITLE> < /HEAD> < frameset cols="200,*"> < frame name=top src="left.html"> < frame name=button src="right.html"> < /frameset> < /HTML>
ここで、上のページである left.html に、ページを更新するボタンがあるとします。ステートメントには 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 window.parent.frames.item('bottom').location.reload(); //语句6 window.parent.bottom.location.reload(); //语句7 window.parent['bottom'].location.reload();
説明:
1.window は現在のページを指します。たとえば、この例では、top.html ページを指します。
2.parent は、現在のページの親ページ、つまりそれを含むフレーム ページを指します。たとえば、この例では、framedemo.html を参照します。
3.frames はウィンドウ オブジェクトであり配列です。フレーム内のすべてのサブページを表します。
4.item はメソッドです。配列内の要素を返します。
5. サブページが内部に他のサブページを含むフレーム ページでもある場合、上記の方法の一部は機能しない可能性があります。
top.html ソース コード; (ページには 7 つのボタンがあり、その機能は下のフレーム ページを更新することです)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < /HEAD> < BODY> < input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br> < input type=button value="刷新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="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br> < input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br> < input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> < input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br> < /BODY> < /HTML>
以下は right.html ページのソース コードです。以下のページが実際に更新されたことを証明するために、ページがロードされた後にダイアログ ボックスが表示されます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < /HEAD> < BODY onload="alert('我被加载了！')"> < h1>This is the content in button.html.</h1> < /BODY> < /HTML>
テストの結果、効果を表示できるのは 1 と 4 のみで、他は間違っているようです。
==================== ＝＝＝＝ ＝＝＝＝＝
添付ファイル:
Javascript を使用してページを更新するいくつかの方法:
1 History.go( 0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window .navigate(location)
7 location.replace(location)
8 document.URL=location.href
ページを自動的に更新する方法:
1. ページを自動的に更新します: 次のコードを a1d98f7ed66d64add3c50c31078cb73c 領域
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
に追加します。ここで、20 は http://www.wyxg にジャンプすることを意味します。 com ページは 20 秒後に表示されます
3. ページは自動的に js バージョンを更新します
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>ASP.NET は親ウィンドウの更新スクリプト ステートメントをどのように出力しますか
1. this.response.write("<script>opener.location.reload();</script>");
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")
//如何刷新包含该框架的页面用
< script language=JavaScript>
parent.location.reload();
< /script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
< /script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
< script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
ウィンドウを閉じたときに更新する場合、またはウィンドウを閉じたときに更新する場合ウィンドウが開いたら、6c04bd5ca3fcae76e30b72ad730ca86d で次のステートメントを呼び出すだけです。 <body onload="opener.location.reload()">开窗时刷新
<body onUnload="opener.location.reload()">关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
< /script>
要約: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、
以上がJavaScript でフレームのサブページを更新する 7 つの方法 (概要)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。