Question

这是我的HTML

  <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;

我已将其固定为href中的值，因为http://www.google.com将起作用以及各种其他网址。我的一个元素出现在inspect元素中，但它没有显示在gui中，我不知道为什么。那里有一个我应该逃避的角色吗？

Answer 1

令人尴尬，但我的adblocker阻止了这个链接...

Answer 2

尝试对查询字符串进行URL编码。您可以使用encodeURI JavaScript函数

Answer 3

URL应为HTML编码，查询字符串值应为URL编码。

&应该是HTML编码为&，并且值中的:和/应该被编码为%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的网址编码为vpspricing（无更改）和http%3A%2F%2Fwww.hostgator.com%2Fvps-hosting，以便您可以将它们放入网址中。然后，您对整个URL进行HTML编码，以便将其放入HTML代码中的属性中。在这种情况下，只有&字符需要进行HTML编码。

href属性破坏了一个元素

3 个答案: