ホームページ ウェブフロントエンド jsチュートリアル window.location.hash の使用方法_JavaScript スキル

window.location.hash の使用方法_JavaScript スキル

May 16, 2016 pm 06:16 PM
hash location

たとえば、location.href はページの URL ですが、location.hash はページのタグ値を取得または設定できます。たとえば、http://domain/#testDemo の location.hash は #testDemo
です。以下はオンライン デモへの参照です。
通常の検索、高度な検索、バックグラウンド管理の 3 つの機能を備えた検索セクション。ページの初期化時に、それぞれのハッシュ値を指定します。 window.location.hash によって判断されます ユーザーがアクセスする必要があるページは表示されるセクションです

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

var hash;
hash = (!window.location.hash)?"#search":window.location.hash; .hash = hash;
//ここで (! window.location.hash とは何ですか?) について説明します。まず、現在のページのアドレス バーのリンク アドレスに #.... が含まれていない場合、たとえば、この例では、http://www.jb51.net/Directly takealert(window.location.hash)//""empty はブール値に変換されます。 false
// http://www.jb51.net#hello,world が、alert(window.location.hash) を直接取得する場合、//#hello,world は true のブール値に変換されます
//以下は switch
で判断できます//進むボタンと戻るボタンが
switch( hash){
case "#search":
show("panel1") を使用できるようにアドレス バーのアドレスを調整します);
ブレーク;
ケース "#advsearch":
ブレーク ;
ケース "#adminboss":
show("パネル3");
break;
}


他の人からの次の引用:
窓を通して .location.hash=hash ステートメントは、アドレス バーのアドレスを調整するために使用されます。ブラウザの「進む」ボタンと「戻る」ボタンは通常どおり使用できます (基本的にブラウザを欺瞞します)。その後、さまざまなハッシュ値に基づいてさまざまなパネルが表示され (ユーザーは対応するパネルを収集できます)、これにより Ajax ページの閲覧がより伝統的なものになります。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PHPでRedisハッシュ操作を実装する方法 PHPでRedisハッシュ操作を実装する方法 May 30, 2023 am 08:58 AM

ハッシュ演算 //ハッシュテーブルのフィールドに値を代入します。成功した場合は 1 を返し、失敗した場合は 0 を返します。ハッシュ テーブルが存在しない場合は、まずテーブルが作成されてから値が割り当てられ、フィールドが既に存在する場合は古い値が上書きされます。 $ret=$redis->hSet('user','realname','jetwu');//ハッシュ テーブル内の指定されたフィールドの値を取得します。ハッシュ テーブルが存在しない場合は false を返します。 $ret=$redis->hGet('ユーザー','rea

Nginxサーバーでのロケーション構成例の分析 Nginxサーバーでのロケーション構成例の分析 May 24, 2023 pm 02:05 PM

まず、nginxwiki の例を使用して、場所と一致ルールの種類を簡単に紹介します。 location=/{#matchesthequery/only.[configurationa]}location/{#matchesanyquery,sinceallqueriesbeginwith/,but Regular#expressionsandanylongerconventionalblockswillbe#matchedfirst .[configurationb]}location^~/im

Laravel 開発: Laravel ハッシュを使用してパスワード ハッシュを生成するにはどうすればよいですか? Laravel 開発: Laravel ハッシュを使用してパスワード ハッシュを生成するにはどうすればよいですか? Jun 17, 2023 am 10:59 AM

Laravel は現在最も人気のある PHP Web フレームワークの 1 つであり、開発者に多くの強力な機能とコンポーネントを提供しており、LaravelHash もその 1 つです。 LaravelHash は、パスワードを安全に保ち、アプリケーションのユーザー データをより安全にするために使用できるパスワード ハッシュ用の PHP ライブラリです。この記事では、LaravelHash の仕組みと、LaravelHash を使用してパスワードをハッシュし検証する方法を学びます。 Lara を学習するための前提知識

nginxの場所でuriをインターセプトする方法 nginxの場所でuriをインターセプトする方法 May 18, 2023 pm 12:07 PM

注: location の root および aliasroot 命令は、root によって設定されたディレクトリに検索ルートを設定するだけです。つまり、uri は切り詰められません。代わりに、元の uri がファイルを検索するディレクトリにジャンプするために使用されます。 aias 命令は一致する URI を切り捨て、エイリアスで設定したパスと残りの URI をサブパスとして使用して、その場所にある proxy_pass の URI を見つけます。proxy_pass の URL に URI がない場合、末尾が "/ 「」の場合、一致する URI は切り詰められます。末尾が「/」でない場合、proxy_pass URL に uri が含まれている場合、一致する URI は切り詰められません。

Nginx で位置情報を構成し、ルールを書き換える方法 Nginx で位置情報を構成し、ルールを書き換える方法 May 18, 2023 pm 12:25 PM

ロケーションのチュートリアルの例: location=/{#完全一致/、ホスト名の後に文字列を続けることはできません [configurationA]}location/{#すべてのアドレスが / で始まるため、このルールはすべてのリクエストに一致します#ただし、通常の最長の文字列最初に一致します [configurationB]}location/documents/{#/documents/ で始まる任意のアドレスと一致します。一致後、下方向に検索を続けます#後続の正規表現が一致しない場合のみ、この記事では [configurationC]}location が使用されます~/ドキュメント

Nginxサーバーで位置を設定する方法 Nginxサーバーで位置を設定する方法 May 14, 2023 pm 07:16 PM

文法 location[=|~|~*|^~]/uri/{...} Rule=: uri の正確な一致を示します (興味のある学生は、url と uri の違いを確認してください)~: 大文字と小文字が区別されることを示します。 matching~*: 大文字と小文字を区別しない正規の一致を示します!~&&!~*: 大文字と小文字を区別しない非一致の正規および大文字と小文字を区別しない非一致の正規を示します /: ユニバーサル一致、すべてのリクエストが場所の一致と一致します。 ターゲットの場所マッチング テストでは、リクエスト URI 部分のみが使用され、パラメータ部分は使用されません。 (理由:パラメータの書き方が多すぎて正確に照合できない) 位置照合シーケンスでは複数位置構成を前提としているため、

Nginx Location ディレクティブの URI 一致ルールとは何ですか? Nginx Location ディレクティブの URI 一致ルールとは何ですか? May 14, 2023 pm 11:58 PM

1. はじめに location ディレクティブは http モジュールの中核となる構成です. 事前定義された URL 一致ルールに基づいてユーザーから送信されたリクエストを受け取ります. 一致結果に基づいてリクエストはバックエンド サーバーに転送されます. 不正なリクエストは直接拒否されて返されます. 403、404、500エラー処理など2. ロケーション命令の構文 location[=|~|~*|^~|@]/uri/{…} または location@name{…} 3. URI マッチングモード ロケーション命令は 2 つのマッチングモードに分かれています: 1> 通常文字列のマッチング: = で始まるルール、または先頭文字 (~) なしのルール 2> 通常のマッチング: ~ または ~* で始まる通常のマッチングを示し、~*

Nginx のサーバーと場所のマッチング ロジックは何ですか? Nginx のサーバーと場所のマッチング ロジックは何ですか? May 12, 2023 am 11:10 AM

サーバーのマッチング ロジック nginx がリクエストを実行するサーバー ブロックを決定するとき、主にサーバー ブロックの listen フィールドと server_name フィールドに焦点を当てます。listen コマンドの listen フィールドは、サーバー応答の IP とポートを定義します。listen フィールドが明示的に指定されていない場合は、設定されている場合、デフォルトのリッスン 0.0.0.0:80 (ルート) または 0.0.0.0:8080 (非ルート) リッスンは、IP とポートの組み合わせ、単一の IP、デフォルトでポート 80 でリッスンする、単一の IP として設定できます。ポート、およびデフォルトですべての IP インターフェイスでリッスンする unixsocket パス。最後のエントリは通常、異なるポートでのみ使用されます。

See all articles