在HTML中,可以使用querySelector
和addEventListener
方法来查找页面中的a
标签并获取其href
属性。以下是一个示例代码:
// 获取页面中的a标签
const links = document.querySelectorAll('a');
// 遍历a标签并获取href属性
links.forEach(link => {
if (link.hostname !== window.location.hostname) {
const href = link.getAttribute('href');
// 根据href属性进行页面跳转
window.location.href = href;
}
});
在上面的代码中,我们使用querySelectorAll
方法获取页面中的所有a
标签,然后使用forEach
循环遍历每个a
标签,并检查其hostname
属性是否与当前页面的主机名不同。如果是,则获取href
属性并根据href
属性进行页面跳转。
需要注意的是,在上面的代码中,我们使用了getAttribute
方法来获取a
标签的href
属性。需要注意的是,href
属性可能包含相对路径,也可能包含绝对路径,因此我们可能需要对href
属性进行一些处理,才能正确地跳转到相应的页面。
领取专属 10元无门槛券
手把手带您无忧上云