window.parentとwindow.opennerの違いのご紹介_基礎知識

今日は、js のいくつかのオブジェクトの違いと使い方をまとめます。
まず、parent.window と top.window の使い方について話しましょう
"window.location.href" と "location.href"はこのページへのジャンプです
「parent.location.href」は前のレイヤーへのページジャンプです
「top.location.href」は最も外側のページジャンプです
例:
A の場合、 B, C ,D はすべて jsp、D は C の iframe、C は B の iframe、B は A の iframe です。 D の js が次のように書かれているとします
"window.location.href" , "location.href": D ページジャンプ Go to
"parent.location.href": C ページジャンプ
"top.location.href": A ページジャンプ
これでようやく使い方が分かりました接続時のターゲット:
_blank : ウィンドウを再度開きます
_parent: 親ウィンドウがリダイレクトを実行します
_self: セルフページのリダイレクト
_top: 最初の親ウィンドウのリダイレクト
要約すると、上:parent.window: 親 Window オブジェクト top.window: 最初の親ウィンドウのオブジェクト
window.parent と window.openner の違いに注目してみましょう
window.parent は親を呼び出す iframe ページですiframe から埋め込みたい場合は、window.parent を使用して外部ページにアクセスできます。
例は次のとおりです。 >
コードをコピー

コードは次のとおりです: ;
function openB()
{
window.open('b.html ','b','width=400,height=200,status=no,toolbar=no,menubar=no, location=no,resizable=yes,left=200,top=100');

form id="form1" action="">

入力値: ハイパーリンクでページ B が開きます

b.html




コードをコピー


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





;span>テキスト ボックスの値は次のとおりです: < ;/span>

一般的に使用される例をいくつか示します。
parent.window と top.window は通常、分割ページ (つまり、frameset または iframe) で使用されます。
フレーム全体からログアウトした後、login.aspx に戻ります:parent。 .window. location='Login.aspx' または
top.window.location='Login.aspx'
window.parent は、フレームワーク
Refresh: window.parent.location でもよく使用されます。 reload(); または、特定のフレームを更新します: window.parent.MainForm.location.reload();
他のフレームの要素値を取得します: window.parent.MainForm.form1.text1.value; opener は主にハイパーリンクまたは window.open() を渡します。値の取得や更新など、自分のページの一部のページを開きます。
Refresh: window.opener.location.reload(); .opener.document.getElement ("txtName").value;
前へ: top.playFrame.history.go(-1);更新: top.playFrame. location.reload();
これらのオブジェクトは非常に便利です。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。