使用JS为页面上的链接加入新窗口打开并添加rel="noopener noreferrer"属性
juse 2月前

我只是抛砖引玉,具体情况请酌情配合自己的网站修改

// 在页面全部加载完成后执行
window.onload = function() {
  // 选择包含类名为 "post-content" 的所有 <div> 元素
  var postContents = document.querySelectorAll('.post-content');

  // 遍历所有选中的元素
  postContents.forEach(function(postContent) {
    // 找到该元素下的所有链接
    var links = postContent.querySelectorAll('a');

    // 遍历链接并为它们添加新窗口打开和 rel="noopener noreferrer" 属性
    links.forEach(function(link) {
      // 检查链接是否存在并且不是 JavaScript 或图片链接
      if (link.getAttribute('href') && link.getAttribute('href').indexOf('javascript:') !== 0 && !link.querySelector('img')) {
        link.setAttribute('target', '_blank'); // 在新窗口打开链接
        link.setAttribute('rel', 'noopener noreferrer'); // 添加 rel 属性
      }
    });
  });
};
最新回复 (2)
全部楼主
  • Tillreetree 版主
    2月前 2
    0
    不过在搜索引擎的角度看,这些链接还是没有noopener noreferrer的
  • a961223
    2月前 3
    0
    非常棒!!!
返回