如何防止片段標識符在URL

顯示我有這樣如何防止片段標識符在URL

<a href="#login_form">Log in</a>

鏈接點擊鏈接網址的變化從

http:/domain.com

到

http://domain.com#login_form

後一個登錄表單彈出。但我不希望散列標籤顯示在URL中。如何使用java腳本來做到這一點？沒有Java腳本用於顯示彈出的登錄表單。

登錄表單就像這樣。

<a href="#x" class="overlay" id="login_form"></a> 
    <div class="box"> 
    <h2>LOG IN</h2> 
    <form name="login" action="" method="post"> 
    </form> 
    </div>

好的。這裏是JS FIDDLE。請檢查。

http://jsfiddle.net/vq24P/1/

來源

2014-01-26 Krish Gowda

我們展示您當前的JavaScript代碼。 –

沒有。無法更改href值。它一定是一樣的。 –

@RahilWazir我沒有使用任何Java腳本。 –

這就是所謂的一個文檔片段，而不是一個散列標籤，但whatevs。

如您所說，如果「沒有java腳本[用於]顯示登錄表單」，我只能假設您正在使用psuedo類的CSS :target來切換可見性？在這種情況下，你無能爲力。片段必須位於要顯示的元素的URL中。

而是使用一些JavaScript來爲您切換。

<a href="javascript:void(document.getElementById('login_form').style.display = 'block');">Log in</a>

：喜歡的東西（警告：非常壞的榜樣，但它應該獲得工作的總體思路）

您將需要使用的id="login"代替name="login"

來源

2014-01-26 14:59:05

我編輯了jsfiddle .. plz檢查。 –

'.overlay：target'就是我說的那種東西。如果沒有它出現在URL中，它就無法工作。 –

不能通過java腳本顯示後從url中刪除它嗎？ –

如何防止片段標識符在URL

回答

相關問題