更改網址而不刷新？

基本上，在我的網站上，我希望通過點擊HREF鏈接在頁面之間切換，它不會重新加載頁面，但它會更改URL。我的網站在這裏：https://abyssalplains.us/和我發現的一個網站是一個很好的例子：http://anomaly.com/當您在標籤之間切換時，它會在不重新加載頁面的情況下更改網址。有人可以解釋如何做到這一點。更改網址而不刷新？

來源

2017-10-17 abyss

我認爲你必須使用 '顯示：無;' 在第一，然後使用JavaScript設置 '顯示：塊;' 當用戶點擊您的鏈接。 –

首先，你需要設置路由器來處理url。
您可以使用AngularJS作爲快捷方式，或者使用manipulating the browser url history編寫自己的javascript邏輯。
如果你寫你自己的JavaScript，那麼你也將需要處理的頁面加載太..
通常你可以刪除一些HTML主體和加載的頁面jQuery

所以邏輯是更換：
。用javascript獲取網址window.location.href
。 Load new html content of specific page with ajax並將其保存到變量
。刪除或replace current html content使用新的html內容
。 Change the browser history

來源

2017-10-17 03:58:00 StefansArya

您提供的示例使用來自內部庫的CSS轉換，使用列表顯示所有「選項卡」並獲得它們使用z-index的分層效果。

路徑從每個「選項卡」上的onClick事件改變，本質上向您顯示下一個所謂的「頁面」，但只是發射動畫事件。

但實際上所有內容都是一次加載完成的，而不是動態地讓我們說onClick事件或虛擬DOM。

我希望這可以幫助您解決您的問題。

來源

2017-10-17 03:47:09

這是關於我嗎？ @Kyle Berkland –

我覺得這個插件會和你想要的一樣。 ü只需要按照簡單的步驟，這是已經在網站上：網址： http://barbajs.org/

只需訪問這裏並獲取更多信息，您可以看到這個網址也http://barbajs.org/examples.html

而且技術你身邊正在搜索稱爲pjax。

來源

2017-10-17 05:50:31

更改網址而不刷新？

回答

相關問題