jquery - 如何将当前 url 写入 href 属性？

Question

我找到了如何将当前 url 写入元素:

  <p id="example"></p>

    <script>
    document.getElementById("example").innerHTML = 
    window.location.href;
    </script>

我的结果是:

http://www.animalfriends.de/shop/

现在困难的部分是，我有这个链接:

<a href="#top">Go to top</a>

我想将当前页面网址放入#top之前的href中，并删除最后一个/，这样结果就会看起来最后是这样的:

<a id="gototop" href="http://www.animalfriends.de/shop#top">Go to top</a>

我尝试过这样的事情，但我迷路了:

$(#gototop).attr('href', 'window.location.href;');

也许这是不可能的？

Answer 1

使用 jQuery:

$("#gototop").attr("href", window.location.href);

使用 JavaScript:

document.getElementById("gototop").href = window.location.href;

如果您想将 #top 添加到 URL，只需将 window.location.href 更改为 window.location.href + "#top “。

为什么你的代码不起作用？因此，有两个原因导致下面的代码不适合您。

$(#gototop).attr('href', 'window.location.href;');

1. $() 接受的参数应该是字符串(或包含字符串的变量)。您没有声明 #gototop 变量。 (顺便说一句，不可能声明一个名称以 # 开头的变量)您也没有说它是一个字符串(您需要用单引号或双引号将其引起来，例如 "#gototop" 或 '#gototop'。
2. window.location.href 是 window 全局变量中的一个属性(包含字符串)。因此，您应该在不带单引号或双引号的情况下传递它，否则您会将其作为字符串而不是变量传递。