http://fxiao.com/2007/11/external-link-code-to-solve-a-bug/ 龙 猫 要 努 力 ！ Wed, 19 Aug 2009 12:19:56 -0500 http://wordpress.org/?v=2.8.4 hourly 1 http://fxiao.com/2007/11/external-link-code-to-solve-a-bug/comment-page-1/#comment-164 将幻想变为现实——让任意区域的所有链接在新窗口打开 | 白鸽wordpress教学网 Wed, 07 Nov 2007 19:03:55 +0000 http://totoro.yo2.cn/archives/508678#comment-164 [...] 　　近期的读者可能会奇怪白鸽没有更新博客，这其实是因为买了台新的笔记本并步入了Vista时代，而上手Vista则着实花了白鸽几天的时间。 　　言归正传，上回《将幻想变为现实——让所有外部链接在新窗口打开》一文实现了所有外部链接在新窗口的打开的方法，博友Totoro则更进一步地《解决站外链接代码的一个bug 》，将其改进为只在新窗口打开非Javascript代码里的链接。不过，白鸽这回给大家带来一个更大的惊喜，那就是——让任意区域的所有链接在新窗口打开。 　　的确，如果只需要让某个区域的所有链接在新窗口打开，那么用上回那篇文章里的代码就有些太过于浪费了，因为我们可能只需要让侧边栏里的RSS挂件里的链接或是delicious的标签云里的链接在新窗口打开。不过这两种挂件使用的都是javascript代码，所以用常规的方法是无法让它们的链接在新窗口打开的。 　　首先在页面头部或是侧边栏文本里加入以下代码： <script type="text/javascript"> <!-- function setExternalLinkTarget() {      // 获取页面上所有链接      var allLinks = document.getElementById('newlink').getElementsByTagName('a');      var len = allLinks.length;       if(len > 0)     {         var externalLink;         for(i=0; i<len; i++)         {             // 设置当前链接                  externalLink = allLinks[i];              // 设置 target 属性                  externalLink.setAttribute('target', '_blank');          }     } }   window.onload = function() {     setExternalLinkTarget(); } //-->  </script> 　　接着在需要打开新窗口的任意区域对应的代码的最上面一行加上<div id="newlink">最下面一行加上</div>即可。 　　比如白鸽右侧侧边栏上面的delicious标签云的代码如下： [...] [...] 　　近期的读者可能会奇怪白鸽没有更新博客，这其实是因为买了台新的笔记本并步入了Vista时代，而上手Vista则着实花了白鸽几天的时间。 　　言归正传，上回《将幻想变为现实——让所有外部链接在新窗口打开》一文实现了所有外部链接在新窗口的打开的方法，博友Totoro则更进一步地《解决站外链接代码的一个bug 》，将其改进为只在新窗口打开非Javascript代码里的链接。不过，白鸽这回给大家带来一个更大的惊喜，那就是——让任意区域的所有链接在新窗口打开。 　　的确，如果只需要让某个区域的所有链接在新窗口打开，那么用上回那篇文章里的代码就有些太过于浪费了，因为我们可能只需要让侧边栏里的RSS挂件里的链接或是delicious的标签云里的链接在新窗口打开。不过这两种挂件使用的都是javascript代码，所以用常规的方法是无法让它们的链接在新窗口打开的。 　　首先在页面头部或是侧边栏文本里加入以下代码： <script type=”text/javascript”> <!– function setExternalLinkTarget() {      // 获取页面上所有链接      var allLinks = document.getElementById(’newlink’).getElementsByTagName(’a');      var len = allLinks.length;       if(len > 0)     {         var externalLink;         for(i=0; i<len; i++)         {             // 设置当前链接                  externalLink = allLinks[i];              // 设置 target 属性                  externalLink.setAttribute(’target’, ‘_blank’);          }     } }   window.onload = function() {     setExternalLinkTarget(); } //–>  </script> 　　接着在需要打开新窗口的任意区域对应的代码的最上面一行加上<div id=”newlink”>最下面一行加上</div>即可。 　　比如白鸽右侧侧边栏上面的delicious标签云的代码如下： [...]

]]> http://fxiao.com/2007/11/external-link-code-to-solve-a-bug/comment-page-1/#comment-163 白鸽男孩 Wed, 07 Nov 2007 14:08:13 +0000 http://totoro.yo2.cn/archives/508678#comment-163 改得挺好，鼓个掌。不过白鸽还会让这段代码做更多的用途，嘿嘿。 改得挺好，鼓个掌。不过白鸽还会让这段代码做更多的用途，嘿嘿。

]]>