ホームページ >ウェブフロントエンド >jsチュートリアル >フレームを更新するための JS コード page_javascript スキル

フレームを更新するための JS コード page_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 18:29:33903ブラウズ

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

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

HTML>
<br></HEAD> <フレーム名=top src ="top.html"> <br><frame name=bottom src="bottom.html"> <br></HTML> 🎜><br> <br>ここで、top.html (つまり、上のページ) に、bottom.html (つまり、下のページ) を更新するための 7 つのボタンがあると仮定します。どれを使用できるかはあなた次第です。 1 つは使いやすいです。 <br>ステートメント 1. window.parent.frames[1].location.reload(); <br>ステートメント 2. window.parent.frames.bottom.location.reload(); <br>ステートメント 3. window.parent .frames["bottom"].location.reload(); <br>ステートメント 4. window.parent.frames.item(1).location.reload(); </div>ステートメント 5. window.parent.frames.item ('bottom').location.reload(); <br>ステートメント 6. window.parent.bottom.location.reload(); <br>ステートメント 7. window.parent['bottom'].location.reload() ; <br><br>top.html ページのコードは次のとおりです: <br><br><br><br><br>コードをコピーします<br><br><div class="codetitle"> コードは次のとおりです。 <span><a style="CURSOR: pointer" data="43790" class="copybut" id="copybut43790" onclick="doCopy('code43790')"> <u><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> </u></a><HEAD> ><TITLE>top.html



< ;input type=button value=" 更新 4" onclick="window.parent.frames.item(1).location.reload()">









以下のページのソース コードは次のとおりです。実際に更新されると、ページが読み込まれた後にダイアログ ボックスが表示されます。

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




コードをコピーします


コードは次のとおりです。

にあります。
説明:
1.window は現在のページを指します。たとえば、この例では、top.html ページを指します。
2.parent は、現在のページの親ページ、つまり、それを含むフレーム ページを指します。たとえば、この例では、framedemo.html を参照します。
3.frames はウィンドウオブジェクトであり配列です。フレーム内のすべてのサブページを表します。
4.itemはメソッドです。配列内の要素を返します。
5. サブページが内部に他のサブページを含むフレーム ページでもある場合、上記の方法の一部は機能しない可能性があります。

添付ファイル:
Javascript を使用してページを更新するいくつかの方法:
1history.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. ページを自動的に更新します:

そのうち 20 個は、20 秒ごとにページを更新することを意味します。

2. 自動ページ ジャンプ: 次のコードを 領域に追加します

このうち、20 は 20 秒後に HTTP://www にジャンプすることを意味します。ウィクスグ。 com ページ

3. ページは自動的に JS バージョンを更新します
( orRefresh )
//
");
ここにあります参考となるいくつかの記事:

フレーム サブページを更新する 7 つのメソッドの JS コード



JS およびフレーム ページ操作コード
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:複数のブラウザー (IE6/7/8、Firefox、Chrome) 用の JS 互換のキャリッジ リターンおよびマウス フォーカス イベント コード_JavaScript スキル次の記事:複数のブラウザー (IE6/7/8、Firefox、Chrome) 用の JS 互換のキャリッジ リターンおよびマウス フォーカス イベント コード_JavaScript スキル

関連記事

続きを見る