现在的位置: 首页 > 互联网络 > WP相关 > 正文

利用jQuery实现链接在新窗口打开

2010-08-01 00:12 WP相关 ⁄ 共 694字 ⁄ 字号 评论 1 条

      我们经常会在文章中插入一些链接,一般我们都希望用户点击后在新的窗口(或新的选项卡)打开链接,所以我们都会给链接添加target=”_blank”属性,如果链接比较多的话,一个一个添加,显然令人厌烦。而且虽然target=”_blank”符合w3c的XHTML 1.0 Transitional标准,但却不符合XHTML 1.0 Strict标准,所以添加这个属性显然是要被废弃的。

      不过现在有了更好的方法,那就是利用jQuery。有了jQuery,我们只需要几句代码即可搞定。

$(“a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])”)
.addClass(“external”)
.attr(“target”,”_blank”);

      利用这样的代码就给链接标签增加一个target属性,并且给他赋值为 _blank。当然上述的语句是不包括自己网站的链接,就是说如果引用的是自己网站的链接,也需要在新窗口打开的话,就要将not部分的内容去掉,变成$(“a[href*='http://']:,[href*='https://']:”)这样就不用一个一个手动输入了,而且这样代码是标准的,并且外部链接在新窗口打开。

      至于jQuery的使用方法,简而言之,就是先加载jQuery库;然后在js文件写入控制代码;最后调用js文件。

    延伸阅读:http://qiusuoge.com/1691.html

目前有 1 条留言    访客:1 条, 博主:0 条

  1. 苏建报 2011年07月30日 6:11 下午  @回复  Δ1楼 回复

    不会用啊 能不能说的简单些呢

给我留言

留言无头像?