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"));

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

javascriptjqueryhashhrefwindow.location
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
Selvakumar Arumugam

たとえば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

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

2
lonesomeday

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

1
Chad Ferguson

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

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

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