今天分享给大家一段JS代码,明月感觉非常实用,就是可以给博客站内的链接根据不同位置和页面加上“新窗口打开链接”,至于说为什么要“新窗口打开链接”?明月的理解是人为的降低整站的“跳出率”,这仅仅是我的个人理解了,可能对搜索引擎来说无效的哦!
在新窗口打开链接有时还是很有必要,下面这个简单实例,是利用JQuery实现有选择性的在新窗口打开链接的方法。
将代码添加到主题header.php模板中,前提是你的主题模板已预先加载了JQuery。
注:Begin主题的话可以放到主题选项——广告位——需要在页头<head></head>之间……文本框即可。
<!-- 有选择性的在新窗口打开链接 -->
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#recent_comments-4 a').attr({target: "_blank"});
});
</script>
上面的代码是只让侧边栏中的链接在新窗口打开,其中“#recent_comments-4”是本博客站首页侧边栏“近期评论”选择器名称,“#recent_comments-4 a”意思就是指这个选择器内所有的“<a>”链接。
如果你用的是鸟哥主题话,一般选择器的id都在“<aside>”内第一个id就是的,如下图就是上述代码里的本博客站首页侧边栏“近期评论”选择器名称id:
还可以像这样,针对多个不同选择器中的链接:
<!-- 有选择性的在新窗口打开链接 -->
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#recent_comments-4 a,#new_cat-2 a,#hot_commend-2 a,#hot_post-2 a,#img_widget-2 a,#like_most-2 a,#video_widget-2 a,#colophon a').attr({target: "_blank"});
});
</script>
上面的代码为本博目前使用的,指定首页侧边栏、正文侧边栏链接都为“新窗口打开链接”,大家可以自行在本博测试。
关键是要查看原代码找到对应选择器名称。
代码虽然短小,但是实用性还是很高的,但是大家一定要切记在手机端慎用哦!要不很容易引起用户的反感的,明月目前也就是在手机端使用了一个地方,具体是哪里?大家手机访问本博自己体验吧,PC端也不能滥用,总是就是适可而止为宜。