JavaScript を使用して URL にハッシュが含まれているかどうかを確認するにはどうすればよいですか?-jsチュートリアル-php.cn

＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃概要＃＃＃

JavaScript を使用して、Uniform Resource Locator (U.R.L.) にハッシュ値 (#text) が含まれているかどうかを確認します。これは、JavaScript には、特定のターゲットを簡単に取得できるようにする事前に構築されたメソッドがいくつか含まれているためです。これは、JavaScript の hash プロパティを使用することで実行できます。このプロパティには、window.location オブジェクトを初期化することでアクセスできます。ユーザー インターフェイスが簡素化され、非常に重要な Web ナビゲーションが提供されます。

このソリューションを構築するには、次のトピックに関する事前知識が必要です -

HTML - ページのスケルトンを構築します。ここで内部 タグを使用します。

HTML イベント (onclick()、onchange() など)

JavaScript ウィンドウ オブジェクト、位置オブジェクト、ハッシュ属性。

＃＃＃文法＃＃＃ このプログラムで使用される基本的な構文は - です。 リーリー

Window - これは、Web ブラウザのフレームを指定する JavaScript オブジェクトです。ブラウザ固有のメソッドを処理します。ウィンドウのプロパティには を通じてアクセスできます。

＃＃＃文法： rree Location

- これは、現在の Web ページ URL に関する情報を含むウィンドウ オブジェクトのプロパティです。 ＃＃＃文法：

rree Hash - # の後のテキストを含む位置オブジェクトのプロパティです。 URLに「/tutorialspoint/#java」が含まれている場合。次に、location.hash は値「java」を返します。

＃＃＃アルゴリズム＃＃＃

ステップ 1 - タグを使用して HTML ボタン

を作成します ステップ 2 - ボタン ラベル に onclick イベントを挿入し、その中に関数を挿入します。 など。関数名はユーザー定義なので、必要に応じて変更できます。

ステップ 3 - JavaScript アロー関数 checkHash() を作成します。 ステップ 4

- window オブジェクト メソッド location と場所メソッド hash を使用します。 window.location.hash の結果を変数に格納します。

ステップ 5 - if-else の条件として変数を渡します。 ステップ 6 - if-else で渡された変数が true の場合は「ハッシュが見つかりました」を返し、それ以外の場合、渡された変数が false の場合は「ハッシュが見つかりません」を返します。

＃＃＃例＃＃＃ 指定されたコードには、JavaScript ユーザー定義関数「checkHash()」を与える「onclick()」イベント ハンドラーを含む HTML ボタンが含まれています。 をクリックすると、checkHash() 関数がトリガーされます。 リーリー アンカー テキストをクリックした後 -

この状態では、以下のアドレス バーに示すように、Web ページの URL (http://127.0.0.1:3000/index.html) には #text が含まれていないため、window.location .hash は変数に何も格納するために参照されないため、false が返され、「ハッシュ値が見つかりません。」と表示されます。 アンカー テキストをクリックすると、HTML 属性 href="#java" の値が現在の URL と連結されるため、window.location.hash には連結されたハッシュ テキスト "#java" が含まれるため、ハッシュの名前はtrue を返す値は変数 "h" に格納され、"h" 変数は if-else 条件でチェックされ、その出力は "outputVal" ID コンテナー内に表示されます。

＃＃＃結論は＃＃＃ アンカー リンクをクリックすると、ハッシュ コンテンツにリダイレクトされます。 これにより、ハッシュされたリンクされたコンテンツへの道順を示す対話型インターフェイスがユーザーに提供されます。 Location オブジェクトには、href、origin、pathname など、多くの有益なプロパティもあります。 Window オブジェクトは、場所、履歴、open()、close() など、ブラウザを操作するためのさまざまなメソッドも提供します。