如何利用JavaScript获取页面所有链接地址的完整方法

• 选择器 "a[href]" 自带过滤功能，避免获取无意义的空链接。
• 示例代码：
  const links = Array.from(document.querySelectorAll('a[href]'))
  .map(el => el.href);

处理相对路径与绝对路径的转换

这里有一个关键点：el.href 返回的是浏览器解析后的绝对 URL，相比 el.getAttribute('href') 更加可靠。因为 el.href 始终给出完整地址，例如 https://example.com/path/，适合直接跳转或存储；而 getAttribute 返回原始字符串，可能是 /about 或 #section1，需要手动补全为绝对路径。如果需要保留原始的写法（如做静态分析），则使用 getAttribute；一般情况下优先使用 href。

过滤无效链接与重复项

实际页面中常常出现重复链接、空链接、JavaScript 伪协议（如 javascript：void(0)）或邮件链接（mailto:）。可以简单地执行以下过滤：

• 排除空值或仅包含空白字符：href.trim() === ''
• 排除伪协议：href.startsWith('javascript：') || href.startsWith('mailto:')
• 去重可以用 new Set()：
  const uniqueLinks = [...new Set(links.filter(href => href && !href.startsWith('javascript：')))]

应对动态加载的内容