javascript - NetEase Cloud Music は、a タグ href に値があり、ジャンプしないことをどのように認識しますか?
扔个三星炸死你
扔个三星炸死你 2017-07-05 10:56:54
0
5
1049

たとえば、このページ http://music.163.com/#/song?i...
下の曲のタイトルをクリックしても、ページが更新されたりジャンプしたりしません。これを実現する方法。

扔个三星炸死你
扔个三星炸死你

全員に返信(5)
为情所困

http://music.163.com/#/song?i...
#番号以降のものはフラグメントと呼ばれ、アンカーポイントとも呼ばれます。 これはブラウザを更新したり、サーバーにリクエストを送信したりしませんが、ブラウザ レコードを生成できます。
# 番号の後の値は window.location.hash を取得します
したがって、このハッシュ値の変化を onhashchange で監視するだけで済みます

いいねを押す +0
Peter_Zhu

ウィンドウ.場所.ハッシュ

いいねを押す +0
给我你的怀抱

iフレーム

いいねを押す +0
某草草

あなたは初心者だと思います...ソースコードをもっと見る

リーリー

実際、私は Event.preventDefault を使用しただけです

リーリー
いいねを押す +0
过去多啦不再A梦

実際にはページは更新されません。これは、ページをターゲットの場所にジャンプできる「#target」と似ています。さらに、JS ハッシュ (前述) とルーティングについても学ぶことができます。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート