使用javascript使文章外链在新标签打开
🕙2023-04-15
// 获取 post-content 元素内的所有链接
var postContents = document.getElementsByClassName('post-content');
// 遍历 post-content 元素列表
for (var i = 0; i < postContents.length; i++) {
var postContent = postContents[i];
var links = postContent.getElementsByTagName('a');
// 遍历链接列表
for (var j = 0; j < links.length; j++) {
var link = links[j];
var href = link.getAttribute('href');
// 判断链接是否为绝对路径,是的话设置 target="_blank"
if (href && (href.startsWith('http://') || href.startsWith('https://'))) {
link.setAttribute('target', '_blank');
link.setAttribute('rel', 'noopener noreferrer');
}
}
}
其中的post-content
为文章div的classname