2016-03-20 138 views
0

Update browser address bar without reload 我發現這樣可以更改網址而不更新。將網址更改爲網頁上單擊的元素,而無需重新加載頁面

我要讓喜歡 http://fancytext.blogspot.ie/

一個網站,但不是增加的符號文本框有我想要的符號覆蓋地址欄上的網址是這可能與JavaScript或紅寶石?

+0

如果您想以正確的方式進行操作,那麼您應該瞭解** Angular JS **,因爲這對於你想要的東西來說是完美的,但這不僅僅是你正在尋找的東西。 –

+0

或與pjax,這是ajax +推狀態。 – ctf0

回答

0

您可以「推」使用任何文本到地址欄pushState的,它是簡單的像地獄:

window.history.pushState({url: yourUrl}, null, yourUrl); 

記住:

你可以使用完整的地址,當你試圖推動網址,其他方式在URL中的路徑將被附加到當前的URL,當您嘗試使用斜線(如果我沒記錯)

工作示例是我自己的網站,其中地址正在更改,而您滾動頁面http://dariuszm.pl(可能無法在較舊的瀏覽器上工作)

+0

,但是你能刪除整個http://www.dariuszm.pl/scrapping並且只是「廢除」,當你添加另一個時,你將會在沒有任何www.xyz.com的情況下進行「報廢」+「跳躍」,那是可能? –

+0

我很確定這是不可能的,出於安全原因。至少鉻和FF塊的行動。推送的url必須與document.origin一致 –

0

絕對有可能。你只需要在符號前加一個散列(#)。 #之後的任何內容都不會導致頁面更改。

您可以輕鬆地在a標籤設置它沒有JavaScript由href ...

<a href="#Ⓐ">Ⓐ</a> 

但是,如果你不顧一切地使用JavaScript,它可以在那裏做,以及...

<script> 
    location.hash = '#Ⓐ'; 
</script> 
相關問題