javascript - 从 anchor(a) 标签获取本地 href 值

Question

我有一个具有本地 href 值的 anchor 标记，以及一个使用 href 值但将其定向到与正常情况略有不同的位置的 JavaScript 函数。标签看起来像

<a onclick="return follow(this);" href="sec/IF00.html"></a>

和一个看起来像的 JavaScript 函数

baseURL = 'http://www.someotherdomain.com/';
function follow(item) {
    location.href = baseURL + item.href;
}

我希望 item.href只会返回一个短字符串“sec/IF00.html”，但它会返回完整的 href，“http://www.thecurrentdomain.com/sec/IF00.html”。有没有一种方法可以让我只取出 anchor 中的短 href <a>标签？还是我会因为自然的 HTML 行为而失去它？

我想我可以使用字符串操作来做到这一点，但它变得棘手，因为我的本地页面实际上可能是“http://www.thecurrentdomain.com/somedir/somepath/sec/IF00.html”，而我的href 字段中可能有也可能没有子目录(例如 href="page.html" 与 href="sub/page.html" )，所以我不能总是只删除最后一个斜线之前的所有内容。

您可能想知道我为什么要求这样做，因为它只会使页面更干净。如果不可能只获得短 href(如 anchor <a> 标签中所示)，那么我可能只是在标签中插入一个额外的字段，例如 link="sec/IF00.html" ，但同样，这会有点困惑。

Answer 1

下面的代码获取完整路径， anchor 所在的位置:

document.getElementById("aaa").href; // http://example.com/sec/IF00.html

而下面的代码获取 href 属性的值:

document.getElementById("aaa").getAttribute("href"); // sec/IF00.html