当前位置: 首页 > 设计 > 正文
avatar

秒速赛车时间 www.2s1a.cn 如何让一个链接新窗口打开,又符合W3C的用户体验呢,方法还是有几个的,最方便的还是使用Jquery,一句代码就可以搞定。而且还可以让整站都能使用,完全符合W3C。

开始接触WordPress的时候,有点反感的就是文字评论作者留链接,点击打开直接在原窗口打开,而不是新窗口打开。

这主要是WordPress是外国人开发的,国人与外国人在思想的差异导致的,他们会觉得在不经过用户的决定而自行决定新窗口打开有为用户体验,这也是在W3C中不支持border=”0″ 和target=”_blank”的原因。

那么如何让一个链接新窗口打开,又符合W3C的用户体验呢,方法还是有几个的,最方便的还是使用Jquery,一句代码就可以搞定。而且还可以让整站都能使用,完全符合W3C。

1、加载Jquery,现在一般WordPress都使用的Jquery库了,所以要最大化的利用好这个库。

2、jQuery 代码

<script type="text/javascript">
jQuery(document).ready(function($) {
	jQuery("a[rel='external'],a[rel='external nofollow']").click(function(){window.open(this.href);return false})
	});
</script>

因为WordPress在给评论作者链接时给每个链接加了一个 “ rel=’external nofollow’ ”,告诉搜索引擎这个链接是外部的,并且不要追踪此链接。nofollow 主要跟SEO有关,防止页面权重流失。

上面那段Jquery代码表示,凡事有rel=’external nofollow’ 和 rel=’external’的链接,都是新窗口打开。

所以以后我们在网页中要使用别人的网上的时候,我们可以在链接上面加个 rel=’external’ ,这样避免使用target=”_blank”。用 rel=’external’ 既符合W3C,有能在新窗口打开,是不是非常的不错。

本文固定链接: //www.2s1a.cn/blog/wordpress-links-open-new-window.html | 威言威语

WordPress评论作者链接新窗口打开:目前有6 条评论

  1. avatar
    6楼
    杨泽业 Google Chrome Windows

    搞定了,加在头部文档里面header.php里面,开始我使用的是,可惜过了几天就是失效了:
    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;

    2017-10-13 16:12 [回复]
  2. avatar
    5楼
    杨泽业 Google Chrome Windows

    这个代码加在哪里

    2017-10-13 16:02 [回复]
  3. avatar
    4楼
    菊部 Google Chrome Mac OS

    感谢分享

    2017-04-15 22:39 [回复]
  4. avatar
    地板
    河马的博客 Google Chrome Windows

    还是习惯保留 这样互访起来比较方便

    2017-01-18 21:06 [回复]
  5. avatar
    板凳
    可入眼 Google Chrome Windows

    :cool: 简单实用,点赞??!

    2016-11-21 11:41 [回复]
  6. avatar
    沙发
    RMBer Mozilla Firefox Windows

    :cry: 终于找到了

    2014-03-15 23:43 [回复]

发表评论

question razz sad smile redface biggrin surprised eek confused cool lol mad rolleyes wink neutral cry

快捷键:Ctrl+Enter
  • 回复@老老保老张工:你屋里的生产资料不是交给有能力意愿和行动的人掌握而是平均分给每个家庭成员? 2019-01-21
  • 回复@寻找失落的真理:跟你的铁环玩去!咱真的没兴趣碾压你也。 2019-01-10
  • 天坛公园祈年殿前百余盆各色月季争奇斗艳 2019-01-10
  • 候选企业:中国石油呼和浩特石化公司 2018-12-30
  • 北京工业大学:突出‘京味’、体现‘京韵’,加快世界一流大学和一流学科建设 2018-12-30
  • 人民日报评论员:弘扬“上海精神” 破解时代难题 2018-12-15
  • 奋进新时代·2018全国两会特别报道 2018-12-15
  • 贪官的可恨之处,不在于他们的贪污、索贿、受贿、侵占国有资财,而在于他们相互勾结,打压、排挤积极认真为党、国家、民族、人民工作的好干部。向他们靠拢就被拉拢、腐蚀变 2018-12-04
  • 佛山成功孵化高校科技成果项目 2018-12-02
  • 在粪坑里优胜的是蛆虫,在不公正的社会里优胜的是蛀虫。 2018-12-02
  • 端午节小长假 南昌两站共发送旅客59万人 2018-11-26
  • 张涵予加盟《熟味3》跨国寻味 2018-11-26
  • 水煮 —频道 春城壹网 七彩云南 一网天下 2018-11-18
  • 2018新商业企业发展论坛 2018-11-15
  • 弥渡 万亩梨花如云似瀑 春城壹网 七彩云南 一网天下 2018-11-15
  • 255| 99| 529| 153| 360| 653| 428| 672| 586| 360|