A-A+

jquery实现页面链接新窗口打开方法

2016年01月09日 前端设计 暂无评论 阅读 8 views 次

我们有时看很多大型门户网站都没有在A标签增加打开新窗口的命令了,分析了一下原因可以使用js来实现了,具体方法小编为各位整理一下

这个方法依托jQuery,如果主题没有引用的话,那么有两个选择:

引用jQuery,然后愉快的使用本功能

不引用,苦逼的修改源代码

好了,字数凑的差不多了,我来贴代码啦!

  1. <script type="text/javascript">  
  2. jQuery(document).ready(function(){jQuery("a[rel='external'],a[rel='external nofollow']").click(function(){window.open(this.href);return false})});  
  3. </script>  

将上方代码丢进主题的任意部分(丢在页脚吧),然后刷新页面,就能很完美的体验了。

由于TE默认使用的是MD编辑器,添加链接的时候无法像WP用户一样选择让文章内的链接在新窗口打开,那么我们其实也可以用JS让文章内的链接在新窗口打开的哟。

  1. <script type="text/javascript">  
  2. jQuery(document).ready(function($){$('.post-content a').attr({ target:"_blank"})});  
  3. </script>  

把上面代码一起丢进主题里就行了,Class一般不用修改,如果主题修改程度过大,那么就修改一下.post-content为你主题文章部分的Class吧,还有一种办法就是在

结束前加上一句了

标签:

给我留言