location.hash の使用法

DDD
リリース: 2023-06-25 16:58:29
オリジナル
2071 人が閲覧しました

location.hash は、URL のアンカー部分を取得または設定するために使用される JavaScript のプロパティです。URL のアンカー部分を取得または設定するために使用できます。

location.hash の使用法

location.hash は、URL のアンカー部分 (# 記号とその後の部分) を取得または設定するために使用される JavaScript のプロパティです。 URL にあります)。

URL のアンカー部分を取得する:

location.hash を使用して URL のアンカー部分を取得できます。返されるのは、# 記号と次の部分を含む文字列です。 。たとえば、URL が「https://www.example.com/#section1」の場合、location.hash は「#section1」を返します。

サンプルコード:

javascript
console.log(location.hash);//输出"#section1"
ログイン後にコピー

URL にアンカー部分を設定します:

location.hash を使用して URL にアンカー部分を設定できます。 location.hash が設定されている場合、URL のアンカー部分は自動的に新しい値に置き換えられ、ページが対応するアンカー位置までスクロールすることに注意してください。

サンプル コード:

javascript
location.hash="#section2";
ログイン後にコピー

注意:

- 取得された location.hash には常に # 記号が含まれていますが、これは文字列処理メソッドで削除できます。

#- location.hash の値は読み取りおよび書き込み可能であり、URL アンカーに対する動的操作の実装に使用できます。

#- location.hash を設定するとき、新しい値が現在のアンカー値と同じである場合、ページはスクロールせず、値が異なる場合のみページがスクロールします。

以上がlocation.hash の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート