Javascript 获取网站的所有 href 属性

get all the href attributes of a web site

提问by netha

can anybody tell me a way to get all the href attributes(links) in a web site using javascript?if you could give me a code example, i will be most thankful.

谁能告诉我一种使用 javascript 获取网站中所有 href 属性（链接）的方法吗？如果您能给我一个代码示例，我将不胜感激。

回答by Nick Craver

You can use document.linksto get the anchors, then just loop through grabbing the href, like this:

您可以使用document.links获取锚点，然后循环抓取href，如下所示：

var arr = [], l = document.links;
for(var i=0; i<l.length; i++) {
  arr.push(l[i].href);
}
//arr is now an array of all the href attributes from the anchors in the page

You can test it out here, you could filter it more before the .push()call on the array if you wanted, but that's the concept for grabbing the links and looping through.

您可以在此处对其进行测试，如果需要，您可以在.push()调用数组之前对其进行更多过滤，但这就是获取链接和循环遍历的概念。

回答by Sarfraz

And here is one way with getElementsByTagName:

这是一种方式getElementsByTagName：

var links = document.getElementsByTagName('a');

for(var i = 0; i< links.length; i++){
  alert(links[i].href);
}

回答by Alin Purcaru

Use:

用：

var anchors = document.getElementsByTagName('a');
var hrefs = [];
for(var i=0; i < anchors.length; i++){
  if(1/* add filtering here*/)
    hrefs.push(anchors[i].href);
}

回答by Manoj Govindan

One simple wayOne way is to use the document.getElementsByTagNamefunction. For e.g.

一种简单的方法一种方法是使用document.getElementsByTagName函数。例如

document.getElementsByTagName('a');

Update

更新

There is a far easier way. See @Nick Craver's answer.

有一个更简单的方法。请参阅@Nick Craver 的回答。