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

たとえば、http://domain/#admin の location.hash="#admin" です。この属性値を使用すると、非常に意味のあることが実行できます。
多くの人は、将来簡単に閲覧できるように Web ページをブックマークしたいと考えています。ただし、Ajax ページの場合、通常は 1 つのページがすべてのトランザクションの処理に使用されます。つまり、Ajax ページで興味深いコンテンツを参照して保存したい場合でも、アドレスが 1 つしかない場合は、次回開くことができます。このアドレスの場合でも、お気に入りのページを見つけるには、通常どおり Web ページをクリックする必要があります。さらに、ブラウザの「進む」「戻る」ボタンも無効になるため、従来のページに慣れている多くのユーザーにとって、これは大きな障害となります。
では、location.hash を使用してこれら 2 つの問題を解決するにはどうすればよいでしょうか?それはまったく神秘的ではありません。
たとえば、私の著者管理システムには、通常の検索、高度な検索、およびバックグラウンド管理という 3 つの主要な機能があり、ページの初期化時にハッシュ値をそれぞれ #search、#advsearch、#admin に割り当てます。 window.location.hash を使用してユーザーがアクセスする必要があるページを特定し、JavaScript を使用して表示されるページを調整します。例:

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

var hash; hash=(! window.location.hash)?"#search":window.location.hash;
window.location.hash=hash;
//「進む」ボタンと「戻る」ボタンが表示されるようにアドレス バーのアドレスを調整します。
switch (hash){
case "#search":
selectPanel("pnlSearch"); // 通常の検索パネルを表示します
break;
case "#admin ":
}


ステートメント window.location.hash=hash を使用して、「進む」と「戻る」が一致するようにアドレス バーのアドレスを調整します。ブラウザのボタンは通常どおり使用できます (基本的にブラウザを欺きます)。その後、さまざまなハッシュ値に基づいてさまざまなパネルが表示され (ユーザーは対応するパネルを収集できます)、これにより Ajax ページの閲覧がより伝統的なものになります。