javascript - 使用 jQuery/JavaScript 从超链接获取完整 URL

Question

如何在所有浏览器中一致地使用 jQuery/JavaScript 检索 anchor 链接到的完整 URL？比如我要返回http://www.mysite.com/mypage.aspx来自 <a href="../mypage.aspx"></a> .

我尝试了以下方法:

1. $(this).attr('href') :问题在于 jQuery 返回 href 的准确值(即 ../mypage.aspx )。

2. this.getAttribute('href') : 这在 Internet Explorer 中有效，但在 FireFox 中它的行为与上述相同。

有什么选择？我不能简单地将当前站点的路径附加到 href 值，因为在上述 href 值转义当前目录的情况下，这将不起作用。

Answer 1

您可以创建一个 img 元素，然后将 src 属性设置为检索到的 href 值。然后，当您检索 src 属性时，它将是完全限定的。这是我在 http://james.padolsey.com/javascript/getting-a-fully-qualified-url/ 中使用的示例函数:

function qualifyURL(url){
    var img = document.createElement('img');
    img.src = url; // set string url
    url = img.src; // get qualified url
    img.src = null; // no server request
    return url;
}