ホームページ >バックエンド開発 >PHPチュートリアル >JavaScript - ドリブル Web サイトについて質問する

JavaScript - ドリブル Web サイトについて質問する

WBOY
WBOYオリジナル
2016-10-11 14:23:361141ブラウズ

作品ページを表示するためにクリックすると、ページはジャンプしませんが、作品の詳細ページがポップアップし、作品が左右に切り替わります。この効果はどのように実現できますか?

JavaScript - ドリブル Web サイトについて質問する

JavaScript - ドリブル Web サイトについて質問する

返信内容:

作品ページを表示するためにクリックすると、ページはジャンプしませんが、作品の詳細ページがポップアップし、作品が左右に切り替わります。この効果はどのように実現できますか?

JavaScript - ドリブル Web サイトについて質問する

JavaScript - ドリブル Web サイトについて質問する

---更新---

確認後、URLの変更はJsメソッドで実装されていますwindow.history.pushState()、APIのリンク説明を参照してください。たとえば、現在のウィンドウのコンソールに次のように入力します:

リーリー
ページを再読み込みしなくても、現在の URL を変更できます。
タイトルの変更は簡単かつ直接的ですdocument.title='question100'
この種のユーザー インタラクションは学ぶ価値があります。

ネットワークリクエストを見て、それがどのように実装されているかを確認してください。非同期読み込みだと思いますか?それともHTTP2でしょうか?

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