当前位置: 首页 > 设计 > 正文
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
  • 2018新商业企业发展论坛 2018-11-15
  • 弥渡 万亩梨花如云似瀑 春城壹网 七彩云南 一网天下 2018-11-15
  • 这是房产私有化的结果,如果没有房产私有化,人们就不会买房、炒房,从而也就不会产生目前诸多房地产乱象。 2018-10-25
  • 进度紧追中国航母!英第二艘女王级完工 2018-10-21
  • 福音!全球首例3D打印眼角膜 数百万盲人重获光明不再遥不可及 2018-10-21
  • 开训即开战!新疆万名官兵练兵备战 场面震撼! 2018-10-20
  • 阿什库勒火山群文章中国国家地理网 2018-10-03
  • 我的·时尚家——爱依瑞斯2018品牌新思维暨新品发布会成功举办 2018-10-03
  • 目前的缓和,是美国中期选举特郎普需要外交得分。 2018-09-25
  • 不拍戏改学艺,张国立是这样想的 2018-09-25
  • 新闻漫评——最贵学区房 春城壹网 七彩云南 一网天下 2018-09-23
  • 解析汽车空调异味漏氟根源 维护需注意这些方面 2018-09-22
  • 为975万高考生加油,这支满分舞燃爆校园! 2018-09-20
  • 他帖子里的明理,就是要人们放弃自己的利益,一切顺从别人的指挥棒转 2018-09-20
  • 乡亲们幸福,我也感到幸福 2018-09-16
  • 5| 483| 104| 829| 321| 835| 313| 855| 216| 544|