我们经常会在文章中插入一些链接,一般我们都希望用户点击后在新的窗口(或新的选项卡)打开链接,所以我们都会给链接添加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文件。
不会用啊 能不能说的简单些呢