使用vanilla JS将rel="noopener noreferrer nofollow“添加到所有外部链接的最佳方法

使用vanilla JS将rel="noopener noreferrer nofollow"添加到所有外部链接的最佳方法是通过遍历页面中的所有链接，并检查链接是否指向外部域名。以下是一个实现此功能的示例代码：

// 获取页面中的所有链接元素
const links = document.querySelectorAll('a');

// 遍历链接元素并添加rel属性
links.forEach(link => {
  const href = link.getAttribute('href');

  // 检查链接是否指向外部域名
  if (href.startsWith('http') && !href.includes(window.location.hostname)) {
    link.setAttribute('rel', 'noopener noreferrer nofollow');
  }
});

这段代码首先使用querySelectorAll方法选择所有<a>元素，并将其存储在links变量中。然后，使用forEach方法遍历所有链接元素，并获取链接的href属性。

接下来，通过检查链接的href属性是否以http开头且不包含当前页面的域名来判断链接是否指向外部域名。如果是外部链接，就使用setAttribute方法添加rel属性为noopener noreferrer nofollow。

这样，所有指向外部链接的<a>元素都会被添加上rel="noopener noreferrer nofollow"属性。

对于此问题，腾讯云没有直接相关的产品或产品介绍链接地址。然而，腾讯云提供了丰富的云计算产品和解决方案，例如云服务器、云数据库、云存储、人工智能等，可用于构建和扩展云计算应用程序。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。