我最近在幾個網站上看到了鏈接已更改window.location
的href,但頁面在鏈接被單擊時不會重新加載,並且頁面仍然由它之前的數量。有誰知道這是如何完成的?在不重定向的情況下更改網址
0
A
回答
1
您正在考慮的網站可能使用新的HTML5歷史記錄API,它允許您更改後退按鈕和地址欄的行爲。這裏有一個演示:http://html5demos.com/history
請注意,最有趣的業務與超鏈接會混淆搜索引擎。確保您的網站在古代瀏覽器中可以接受(Lynx),或者在Google的Ajax Crawling Guidelines上閱讀。
1
如果你想改變在瀏覽器地址欄中的URL無需重新加載頁面,這樣做
<a href = "#" onclick="var stateObj = { foo: window.location.href };history.pushState(stateObj, "page 2", "newpage.html");">Change URL</a>
stateObj =該堆,其中,網頁的當前狀態將被推
「page2」:此參數目前被FF忽略。
「newpage.html」:新將被顯示在地址欄中的URL
參考:https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history
支持:FF 4.0 +,Chrome瀏覽器8.0以上版本,Safari 5.0以上版本Opera 11.5+,iPhone 4.2.5+
相關問題
- 1. 僅在不重定向網頁的情況下使用javascript更改網址?
- 2. 如何在不更改URL的情況下重定向頁面?
- 3. 在不重定向的情況下更改響應URL
- 4. 如何在不更改URL的情況下重定向網頁(使用Apache VirtualHost)
- 5. 如何在不更改URL的情況下重定向到移動版網站?
- 6. htaccess更改網址,不要重定向
- 7. $ location.path更改網址但不重定向
- 8. 重定向url而不更改網址
- 9. Angular - 在不更改網址的情況下加載視圖
- 10. 在不加載新頁面的情況下更改網址
- 11. 在不改變地址欄中的URL的情況下進行URL重定向
- 12. 如何在不重新加載頁面的情況下更改網址?
- 13. Backbone.js在不重新加載頁面的情況下更改網址
- 14. 如何在不重新加載頁面的情況下更改網址?
- 15. htaccess在不改變RewriteBase的情況下重寫網址而不改變rewritebase
- 16. 在不重新加載網頁的情況下更改標題
- 17. 301重定向到更改的網址
- 18. 如何在不更改資源的情況下自定義網址?
- 19. 如何在不更改URL欄的情況下在.htaccess中進行重定向
- 20. 如何在不更改輸入的URL的情況下使用.htaccess重定向?
- 21. 更改WordPress網址結構 - 重定向
- 22. 更改Facebook Oauth重定向網址
- 23. 更改網址而不更改實際路徑重定向
- 24. 在不重定向到新URL的情況下更改URL參數
- 25. 如何在不更改URL的情況下重定向到GET視圖?
- 26. 在不更改請求URL的情況下重定向到HTTP錯誤文檔
- 27. 如何在不重定向頁面的情況下更改地址欄中的URL(不使用片段)?
- 28. 我如何在某些情況下阻止jquery.address更改網址
- 29. 在不改變方向的情況下更改SCNNode位置
- 30. 在不破壞真實文件的情況下重寫網址