js获取超链接的值

// 假设有一个超链接如下：
// <a id="myLink" href="https://www.example.com">Example</a>

// 使用ID获取
var link = document.getElementById('myLink');
var hrefValue = link.href; // 或者 link.getAttribute('href');
console.log(hrefValue); // 输出: https://www.example.com

// 或者使用querySelector获取（如果没有ID）
var link = document.querySelector('a.my-link-class');
var hrefValue = link.href;
console.log(hrefValue);

var links = document.querySelectorAll('a');
links.forEach(function(link) {
    console.log(link.href); // 输出每个链接的href值
});

var link = document.getElementById('myLink');
var url = new URL(link.href);
var pathname = url.pathname; // 获取URL的路径部分
console.log(pathname); // 输出: /path/to/resource

// 获取具有特定data属性的链接
var link = document.querySelector('a[data-role="external"]');
console.log(link.href);