javascript - 如何获得完整的锚点href？

Question

可能重复：
如何在 JavaScript 中获取“原始”href 内容

有时您会在代码中写入文件的相对路径，因此在代码中 href 属性值可能somefile.php在单击时仍然存在，当然锚点会将您发送到http://www.yourdomain.com/somefiles.php

现在我的问题是我能以某种方式获得锚的完整href吗？

使用时，$(anchor).attr("href")您只会获得相对路径。

Answer 1

您可以使用.prop：

$(anchor).prop("href")

这是一个例子：

console.log($("a").prop("href")); //http://fiddle.jshell.net/_display/sth
console.log($("a").attr("href")); //sth

Answer 2

element.href将获得整个href

小提琴

编辑：

我将在此处引用jQuery 网站上的内容：

.prop() 方法应该用于布尔属性/属性以及 html 中不存在的属性（例如 window.location）。所有其他属性（您可以在 html 中看到的属性）可以并且应该继续使用 .attr() 方法进行操作。

由于.attr()获取在属性中键入的实际值，因为它可能使用了 native getAttribute()，因此正确的方法是获取本机 javascript 元素，然后使用element.href将获取包含域和路径名等的 href的 native。

Answer 3

你可以使用 jQueryprop函数。

要测试此页面，请在控制台中尝试以下代码；

$("a:eq(6)").prop("href")
$("a:eq(6)").attr("href")

有关更多信息，您可以搜索 html 属性和属性。