href屬性打破元素

這裏是我的htmlhref屬性打破元素

<a class="button special" href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=vpspricing&page=http://www.hostgator.com/vps-hosting">Select</a>

一些CSS - 我不認爲這是重要的，但無論如何，包括。

background-color: #449403; 
box-shadow: none !important; 
color: #FFF !important; 
margin-left: 2px;

我已經固定下來到是因爲http://www.google.com各種其他的URL在href值將工作和。我的一個元素出現在檢查元素中，但它沒有出現在GUI中，我不知道爲什麼。那裏有一個我應該逃跑的角色嗎？

來源

2015-06-02 cakes88

'＆page'應該是'& page'。 –

你能在小提琴中重現嗎？ – andi

在此處運行良好http://jsfiddle.net/741pn99m/ – Arbel

尷尬，但我adblocker擋住的鏈接...

來源

2015-06-02 22:09:43 cakes88

嘗試使用URL編碼查詢字符串。您可以使用encodeURI JavaScript函數

來源

2015-06-02 21:06:07

該URL應該是HTML編碼的，查詢字符串值應該是URL編碼的。

的&應HTML編碼爲&，和:和/中的值應該URL編碼爲%3A和%2F：

href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=vpspricing&amp;page=http%3A%2F%2Fwww.hostgator.com%2Fvps-hosting"

擊穿：第一值vpspricing和http://www.hostgator.com/vps-hosting是URL編碼成vpspricing（沒有變化）和http%3A%2F%2Fwww.hostgator.com%2Fvps-hosting，以便您可以將它們放入URL中。然後，您會對整個網址進行HTML編碼，以便您可以將其放入HTML代碼中的屬性中。在這種情況下，只有需要進行HTML編碼的&字符。

來源

2015-06-02 21:20:13 Guffa

href屬性打破元素

回答

相關問題