JavaScript で URL のハッシュをチェックする
JavaScript では、作業中の URL にハッシュ (#) があるかどうかを確認する最も簡単な方法、つまり window.location.hash を使用する方法がありますが、これは動的な目的のためです。 現在のウェブサイトの情報を引き出します。
また、特定の URL がハッシュで構成されているかどうかを確認する方法は他にもあります。 URL を文字列として取得し、そのインデックスをチェックしてハッシュを見つけます。 繰り返しますが、split() メソッドを使用して、URL にハッシュがあるかどうかを確認できます。
次の例では、jQuery ソリューションと共にこれらのプレビューを取得します。 掘り下げましょう！
JavaScript で任意の URL のハッシュをチェックする
ここでは、定義済みの URL からハッシュの存在を取得する方法をカバーする 2つのインスタンスを示します。 以下には、ケースを解決するための indexOf() および split() メソッドが含まれています。
indexOf を使用して JavaScript の任意の URL のハッシュをチェックする
indexOf メソッドが文字列の場合に再生されるため、ここで検討する URL は文字列として設定する必要があります。 したがって、ここで条件ステートメントを設定して、目的の結果を得ると、適切な適合が得られます。
コード行を確認してみましょう。
コードスニペット：
var url = 'http://www.google.sk/foo?boo=123baz';
if (url.indexOf('#') !== -1) {
console.log('got hash')
} else {
console.log('No hash');
}
出力：
split() メソッドを使用して JavaScript の任意の URL のハッシュをチェックする
この場合も、URL を文字列と見なします。 後で、ハッシュがあれば split() メソッドを使用してトークンを取得し、条件に応じてハッシュを取得します。
コード フェンスが明確に示します。
コードスニペット：
var url = 'https://mail.google.com/mail/u/0/#inbox';
var parts = url.split('#');
if (parts.length > 1) {
console.log('Found hash');
}
出力：
-method-to-get-hash.webp)
JavaScript で現在の URL のハッシュを確認する
現在のウェブサイトとそのアドレスに注目します。 URLを取得することでハッシュ部分をチェックし、見つかった場合は肯定語になります。 そうでなければ、否定。
window.location.hash を使用して、JavaScript で現在の URL のハッシュを確認する
基本的な window.location.hash は、現在の URL を取得し、ハッシュの検出結果があるかどうかを確認します。 次に、答えを出すための条件を設定します。
コードスニペット：
var hash = window.location.hash;
if (hash) {
console.log('hash found');
} else {
console.log('hash not found')
}
出力：
jQuery の .prop() メソッドを使用して、JavaScript で現在の URL のハッシュを確認する
同様に、ここでは $(location) を使用しました。これは、デフォルトで作業中の現在のウィンドウをフェッチします。 次に、.prop() メソッドが条件を追加して、URL で使用可能なハッシュを検索します。
コードスニペット：
var hash = $(location).prop('hash');
if (hash) {
console.log('hash found');
} else {
console.log('no hash')
}
出力：
-to-get-hash.webp)
