使用Javascript获取页面的URL并在链接中使用它

Question

我一直在寻找并寻找这个问题的答案。所以当解决方案非常简单时，我会事先道歉。

我想获取当前页面的网址，例如。 www.example.com/example.html并使用javascript将其置于链接（以及其他用途）中。

所以它看起来像这样：

<a href"www.example.com/example.html"></a>

我尝试过很多我知道需要使用location.href的东西，但似乎无法让它工作。

这是我最接近它的工作，：

<a href"javascript:write.location.href;"></a>

谢谢，再次抱歉。我是JS和HTML的新手。

Ĵ

Answer 1

使用ID命名您的元素，例如：<a id="pageLink"></a>，然后在加载文档时，您可以运行此代码段：

var link = document.getElementById("pageLink");
link.setAttribute("href", window.location.href);

或者，像jQuery：

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

编辑在评论中回答您的问题：

我不确定我是否完全理解你，但是如果它已经修复了，那么在设置它之前你只需要连接到href，例如。

$("#pageLink").attr("href", staticUrl + window.location.href);

Answer 2

您可以使用document.location.href查找当前页面的地址

<a id="cool-link">click it!</a>
<script>
jQuery('#cool-link').attr('href', document.location.href)
</script>

Answer 3

我认为你必须使用window.location.href。我不是JS专家，所以让我知道它是否有用。

Answer 4

你可以尝试一下：

<a href="" onclick="window.location.href=document.URL">same url link</a>

你可以保持href为空，只需使用onclick事件。

希望这有帮助。

Answer 5

您可以在href（它的全局对象）中使用this，但您可以在onclick上。

<a onclick="this.setAttribute('href', location);this.setAttribute('onclick', '');">foo</a>

它清除onclick所以你只能获得一次，所以你可以点击链接再次点击它。

Answer 6

<script>
function gotolink(){
    location.href = location.href;
}
</script>

<a href"#" onclick="gotolink();">Click here!</a>