首頁 >後端開發 >php教程 >javascript - 請教一個dribbble網站的問題

javascript - 請教一個dribbble網站的問題

WBOY
WBOY原創
2016-10-11 14:23:361146瀏覽

點擊查看作品頁的時候,瀏覽器中的url變化了,頁面不跳轉,但是彈出作品詳情頁,而且左右可以切換作品,這種效果怎麼實現的。

javascript - 請教一個dribbble網站的問題

javascript - 請教一個dribbble網站的問題

回覆內容:

點擊查看作品頁的時候,瀏覽器中的url變化了,頁面不跳轉,但是彈出作品詳情頁,而且左右可以切換作品,這種效果怎麼實現的。

javascript - 請教一個dribbble網站的問題

javascript - 請教一個dribbble網站的問題

---更新---

查看了一下,更改url是透過Js方法window.history.pushState()實現的,API參考連結描述。例如在目前視窗控制台下輸入:

<code>window.history.pushState('q1000', 'Title', '/q/1000');</code>
即可以更改目前url而不重新載入頁面。
更改標題就簡單了,直接document.title='question100'
這種用戶互動還是值得借鏡的。

看下網路請求就能看出來是怎麼實現的。估計是異步加載?還是HTTP 2?

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn