web-dev-qa-db-ja.com

「window.location.href」と「window.location.hash」の違いは何ですか?

私は"window.location.hash"を学び、"window.location.href"の代わりにjqueryコードで試してみましたが、どちらも同じ結果になりました。

コードはこちら:

window.location.href = ($(e.currentTarget).attr("href"));
window.location.hash = ($(e.currentTarget).attr("href"));

それらの違いは何ですか?

40
kalaba2003

http://[www.example.com]:80/search?q=devmo#testのようなURLの場合

hash#記号を含む、URLの#記号に続く部分を返します。 hashchangeイベントをリッスンして、サポートするブラウザーでハッシュの変更の通知を受け取ることができます。

Returns: #test

hrefはURL全体を返します。

Returns: http://[www.example.com]:80/search?q=devmo#test

続きを読む

59

たとえばhttp://stackoverflow.com/#Page

href = http://stackoverflow.com/#Page
hash = #Page
9
Henrik Karlsson

hrefはURLです

ハッシュはURLの後のアンカーのみです

http://www.xxxxxxx.com#anchor

http://www.xxxxxxx.com#anchor はhrefです

「#anchor」はハッシュです

3
Jerome Cance

hashhrefは、両方とも window.location オブジェクトのプロパティです。 hash# on(または#がない場合は空の文字列)からのURLの一部であり、hrefは全体の文字列表現ですURL。

2
lonesomeday

Hashプロパティは、ハッシュ記号(#)を含むURLのアンカー部分を返します。

1
Chad Ferguson

window.location.hrefwindow.location.hashの違いの簡単な例を次に示します

URL http://www.manm.com/member/#!createの場合:

  • href:http://www.manam.com/member/#!create
  • ハッシュ:#!create