当前位置：文江博客话题详情

使用 jQuery 获取锚元素的绝对 URL

发布于 2024-11-10 13:02:22 字数 62 浏览 5 评论 0原文

给定一个锚元素（类似于 $("a:first")），如何获取锚点指向的绝对 URL？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

仄言 2024-11-17 13:02:22

如果您使用的是 jQuery 1.6+，则可以使用 .prop()：

$("a:first").prop("href")

在 1.6 之前，您可以直接在 DOM 元素上访问 href 属性：

$("a:first")[0].href;

If you're using jQuery 1.6+, you can use .prop():

$("a:first").prop("href")

Prior to 1.6, you can access the href property directly on the DOM element:

$("a:first")[0].href;

回复收藏 0 原文

猫卆 2024-11-17 13:02:22

要获取附加的 URL，您可以执行以下操作：

var url = $("a:first").attr('href'); 这将为您提供 URL，但不保证绝对或相对的。

要查找绝对 URL，您可以进一步检查

if(!url.startsWith("http")) { url = "http://www.mysite.com" + url}

回复收藏 0 原文

找个人就嫁了吧 2024-11-17 13:02:22

没有 jQuery，您可以利用普通 JavaScript：

HTMLAnchorElement: toString() 返回包含整个（“绝对”）URL 的字符串：

const anchorElement = document.createElement('a');
anchorElement.href = '/help';

console.log("anchorElement object     :", anchorElement);
console.log("anchorElement outerHTML  :", anchorElement.outerHTML);
console.log("anchorElement toString() :", anchorElement.toString());

在此示例中，anchorElement 使用来源相对 URL /help 的 href 属性：

<a href="/help"></a>

anchorElement.toString() 返回绝对 URL：

https://stacksnippets.net/help

注意：https://stacksnippets.net/ 是提供代码片段的域，此页面 (stackoverflow.com) 嵌入为 <代码> iframe 。

Without jQuery, you can leverage vanilla JavaScript:

HTMLAnchorElement: toString() returns a string containing the whole ("absolute") URL:

const anchorElement = document.createElement('a');
anchorElement.href = '/help';

console.log("anchorElement object     :", anchorElement);
console.log("anchorElement outerHTML  :", anchorElement.outerHTML);
console.log("anchorElement toString() :", anchorElement.toString());

In this example, the anchorElement uses the origin-relative URL /help for its href attribute: