ホームページ >ウェブフロントエンド >jsチュートリアル >js_javascriptスキルにおけるwindow.location.href、location.href、parent.location.href、top.location.hrefの使い方と違いについて

js_javascriptスキルにおけるwindow.location.href、location.href、parent.location.href、top.location.hrefの使い方と違いについて

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

「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 ページは

"parent.location.href": C ページにジャンプします。 Jump

"top.location.href": ページ A にジャンプ

ページ D にフォームがある場合、

: ページ D にジャンプします。フォームが送信されます。

に移動します。フォームが送信された後、新しいページが表示されます。

: フォームが送信された後、ページ C に移動します。

: フォーム送信後にページ A にジャンプします。

に移動します。ページの更新については、D ページに次のように記述します。

"parent.location.reload();": C ページの更新(もちろん、子ウィンドウのオープナー オブジェクトを使用して親ウィンドウのオブジェクトを取得することもできます: window.opener.document.location.reload(); )

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