ホームページ  >  記事  >  ウェブフロントエンド  >  location.hash の使用法

location.hash の使用法

DDD
DDDオリジナル
2023-06-25 16:58:292004ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。