使用 jQuery 在新窗口打开外部链接

admin 发表于 网络 分类,
0

我们一般都希望在新窗口打开外部链接,这样用户就不需要离开网站就能访问外部链接,但是如果每个外部链接都手工加上新窗口打开的属性的话,这会让人非常抓狂,并且 target=”_blank” 也不符合 XHTML 1.0 Strict 标准。

使用 jQuery,我们只需要几行代码就能在新窗口中打开外部链接。
——————————————–分割线————————————————————–

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>
<script language=”JavaScript” type=”text/javascript”>
$(document).ready(function() {$(“a[href*=’http://’]:not([href*='”+location.hostname+”‘]),[href*=’https://’]:not([href*='”+location.hostname+”‘])”)
.addClass(“external”)
.attr(“target”,”_blank”);
});
</script>

——————————————–分割线————————————————————–
将以上代码插入到你需要修改的htm页面中即可。

外链演示:http://www.163.com/  外链在新窗口打开

内链演示:http://fangcun.nom.za/  内链不受影响

« 上一篇: 下一篇: »

发表评论请自觉遵守互联网相关政策法规

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 

*