JavaScript でフレームのサブページを更新する 7 つの方法 (概要)
この記事では、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. ページを自動的に更新します: 次のコードを
領域に追加します。#
<meta http-equiv="refresh" content="20">
## 2. ページが自動的にジャンプします。次のコードを
<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>
ウィンドウを閉じたときに更新する場合、またはウィンドウを閉じたときに更新する場合ウィンドウが開いたら、
で次のステートメントを呼び出すだけです。<body onload="opener.location.reload()">开窗时刷新 <body onUnload="opener.location.reload()">关闭时刷新 <script language="javascript"> window.opener.document.location.reload() < /script>
以上がJavaScript でフレームのサブページを更新する 7 つの方法 (概要)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7494
15
1377
52
77
11
19
50
Java の乱数ジェネレーター
Aug 30, 2024 pm 04:27 PM
Java の乱数ジェネレーターのガイド。ここでは、Java の関数について例を挙げて説明し、2 つの異なるジェネレーターについて例を挙げて説明します。
ジャワのウェカ
Aug 30, 2024 pm 04:28 PM
Java の Weka へのガイド。ここでは、weka java の概要、使い方、プラットフォームの種類、利点について例を交えて説明します。
Java Springのインタビューの質問
Aug 30, 2024 pm 04:29 PM
この記事では、Java Spring の面接で最もよく聞かれる質問とその詳細な回答をまとめました。面接を突破できるように。
Java 8 Stream Foreachから休憩または戻ってきますか？
Feb 07, 2025 pm 12:09 PM
Java 8は、Stream APIを導入し、データ収集を処理する強力で表現力のある方法を提供します。ただし、ストリームを使用する際の一般的な質問は次のとおりです。 従来のループにより、早期の中断やリターンが可能になりますが、StreamのForeachメソッドはこの方法を直接サポートしていません。この記事では、理由を説明し、ストリーム処理システムに早期終了を実装するための代替方法を調査します。 さらに読み取り：JavaストリームAPIの改善 ストリームを理解してください Foreachメソッドは、ストリーム内の各要素で1つの操作を実行する端末操作です。その設計意図はです
Java での日付までのタイムスタンプ
Aug 30, 2024 pm 04:28 PM
Java での日付までのタイムスタンプに関するガイド。ここでは、Java でタイムスタンプを日付に変換する方法とその概要について、例とともに説明します。
未来を創る: まったくの初心者のための Java プログラミング
Oct 13, 2024 pm 01:32 PM
Java は、初心者と経験豊富な開発者の両方が学習できる人気のあるプログラミング言語です。このチュートリアルは基本的な概念から始まり、高度なトピックに進みます。 Java Development Kit をインストールしたら、簡単な「Hello, World!」プログラムを作成してプログラミングを練習できます。コードを理解したら、コマンド プロンプトを使用してプログラムをコンパイルして実行すると、コンソールに「Hello, World!」と出力されます。 Java の学習はプログラミングの旅の始まりであり、習熟が深まるにつれて、より複雑なアプリケーションを作成できるようになります。
