iframe_javascript スキルをリフレッシュするための js メソッドの概要

JavaScript で iframe を更新する方法の概要 次のような iframe があると仮定すると、iframe を更新する N つの方法は次のとおりです。

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

最初の方法: iframe の name 属性を使用して

を見つけます

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

または

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

2 番目の方法: iframe の id 属性を使用して

を見つけます

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

3 番目の方法: iframe の src が別の Web サイトのアドレスである場合 (つまり、クロスドメイン操作)

コードをコピーします

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

親ページには 2 つの iframe があり、1 つの iframe はリンクのリストであり、その中のリンクはコンテンツを表示するためのもう 1 つの iframe を指します。ここで、コンテンツ content が追加され、リンクされたリストにレコードが追加されると、リスト iframe を更新する必要があります。
コンテンツ iframe の送信 js でparent.location.reload() を使用して、すべての親ページを更新します。他の iframe にはデフォルトの URL がなく、リストからのみ選択できるため、リスト iframe のコンテンツのみが表示されます。表示されます。
window.parent.frames["list iframe name"].location="list url" を使用してリスト iframe を更新します。送信後のコンテンツ iframe の更新は影響を受けません。

コードをコピーします

コードは次のとおりです: document.frames("refreshAlarm").location.reload(true); document.frames("refreshAlarm").document.location.reload(true); document.frames("refreshAlarm").document.location="http://www.jb51.net/"; document.frames("refreshAlarm").src="

http://www.jb51.net/

";


違いに注意してください: document.all.refreshAlarm または document.frames("refreshAlarm") は http://www.jb51.net/ ページの iframe タグを取得するため、src で操作します。属性は機能します。
document.frames("refreshAlarm").document は、iframe 内のコンテンツ (「http://www.jb51.net/」のコンテンツ) を取得します。

JavaScript(js)でページを自動更新する実装方法のまとめ：

10 秒ごとに更新し、次のコード スニペットをページの head タグに追加します:

コードをコピーします

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

ページを定期的に更新します (2 秒ごとにページを更新します):

コードをコピーします

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

<スクリプト言語="javascript"> setTimeout("location.href='url'",2000);//url は更新するページの URL アドレスです

ページの直接更新イベント:

コードをコピー

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

<スクリプト言語="javascript"> window.location.reload(true); // iframe を更新する必要がある場合は、window を対応する iframe の name 属性値または ID 属性値に置き換えるだけです

ページの直接更新イベント:

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

<スクリプト言語=''javascript''> window.navigate("このページの URL");

ページの直接更新イベント:

コードをコピーします

コードは次のとおりです: 関数 abc(){ window.location.href="/blog/window.location.href"; setTimeout("abc()",10000); }

フレーム ページを更新します:

コードをコピーします

コードは次のとおりです: <スクリプト言語="javascript"> top.leftFrm.location.reload(); 親.frmTop.location.reload();

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。