我们都知道,外链在当前窗口打开,非常不利于网站用户黏性,本来浏览的好好的,点了个链接,直接跳转到别人的网站上去了,所以我们需要让外链从新窗口打开,而不覆盖掉原先的页面。稍微懂点 HTML 的同学应该都知道是在 a 标签上加 target="_blank" 属性,不过有时候我们不想或者找不到主题的源文件位置,那么可以使用外部方法。
WordPess 留言列表中的网站链接采用的是 rel="external nofollow",符合 W3C 标准,我们可以通过添加一段 JS 来实现评论者链接在新窗口打开,只需要将以下这段 JS 代码添加到<footer>或者<head>部分即可生效。
<script type="text/javascript"> function externallinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external nofollow") { anchor.target = "_blank"; } } } window.onload = externallinks; </script>
拓展阅读
- 页面链接是新窗口打开好还是当前页面打开好?
- 如何简单实现博客网站链接在新窗口打开?
- 如何实现全站链接在新窗口或标签中打开?
内容整理自:极客库 - https://www.koogc.com/357.html
本文如何用JS如何实现WordPress评论者链接在新窗口打开?到此结束。成熟是一种明亮而不刺眼的光辉,一种圆润而不腻耳的音响,一种不需要对别人察颜观色的从容,一种终于停止了向周围申诉求告的大气,一种不理会哄闹的微笑,一种洗刷了偏激的淡漠,一种无须声张的厚实,一种并不陡峭的高度。小编再次感谢大家对我们的支持!