ホームページ  >  記事  >  ウェブフロントエンド  >  window.location.hrefの使い方(動的出力ジャンプ)_基礎知識

window.location.hrefの使い方(動的出力ジャンプ)_基礎知識

WBOY
WBOYオリジナル
2016-05-16 16:40:011859ブラウズ

JavaScript の

location.href には、主に次のような多くの用途があります。

self.location.href="/url" 現在のページは URL ページを開きます
location.href="/url" 現在のページは URL ページを開きます
windows.location.href="/url" 現在のページは URL ページを開きます。最初の 3 つの使用法は同じです。
this.location.href="/url" 現在のページは URL ページを開きます
parent.location.href="/url" 親ページで新しいページを開きます
top.location.href="/url" トップページで新規ページを開きます

ページ上でフレームがカスタマイズされている場合、親のセルフトップをカスタマイズされたフレームの名前に置き換えることができます。その結果、フレーム ウィンドウで URL アドレスが開きます。

さらに、window.location.href=window.location.href; と window.location.Reload() は両方とも現在のページを更新します。違いはデータを提出するかどうかです。データが送信されると、window.location.Reload() は、データを指定された URL
に送信するかどうかを尋ねます。

ASP.Net プログラムを作成するときに、ページ ジャンプの問題がよく発生します。ジャンプ時にプロンプ​​トを使用したい場合は、Response.Redirect を使用します。次のような作業はもう終了します:

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

Response.Write("< script>alert('おめでとうございます、登録は成功しました!');< /script>"); Response.Redirect("main.html");

現時点では、プロンプト コンテンツは表示される前にジャンプしますが、これは Response.Redirect("main.html"); と変わりません。

現時点では、次のコードを使用してテストします。

ASP.NET フレームワーク ページ ジャンプの別の実装

コードをコピーします コードは次のとおりです:
Response.Write("< script language=javascript>alert('おめでとうございます、登録は成功しました!')< /script>"); Response.Write("< script language=javascript>window.location.href='main.html'< /script>");


これは要件を満たしています。プロンプトの後、ページがジャンプします。
最も重要なことは、window.location.href ステートメントは、サーバー側コードの実行後に、あるフレームのページが別のフレームのページを更新することを認識できることです (Response.Redirect はこれを実現できません。少なくとも私は実現していません)見つけました):

例:index.htm ページには、frameLeft と FrameRight という 2 つのフレームがあります。frameRight ページでサーバー側コードを実行した後、frameLeft でページを更新します。

以前は、登録後にログイン ボックスが自動的に更新され、成功した登録コードの後に​​段落を追加する限り、ログイン ボックスがログイン ページに置き換えられることが最も一般的でした。別のフレームの。コードは次のとおりです:

コードをコピーします

コードは次のとおりです: Response.Write("< script language=javascript>alert('おめでとうございます、登録は成功しました!')< /script>"); Response.Write("< script language=javascript>window.parent.frameLeft.location.href='main.html'< /script>");
これにより、ASP.NET フレーム ページ ジャンプの中断の問題が解決されます。実際、この方法はaspやphpでよく使われています。


「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 ページジャンプ

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

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

: フォームが送信された後に D ページにジャンプします
: フォームが送信された後、新しいページがポップアップします
: フォームが送信された後に C ページにジャンプします

フォームが送信された後にページ A にジャンプします

ページの更新に関して、D ページには次のように書かれています:


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

"top.location.reload();": ページの更新

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