刚才在PCHome下载频道找东西，发现首页底部有个“不打开新窗口”，选中后打开链接就不是在新窗口打开了……
觉得挺有意思的，就研究了一下，现在分析源代码，教你把它用在自己的网页上！
STEP 1
首先，在</head>上发现这样一句代码，加载了一个javascript文件
| <script type="text/javascript" src="http://images.pchome.net/global/js/external.js"></script> |
这里就不提供这个文件的下载了，如果有需要直接到上面的地址下载（右键 - 目标另存为）；
STEP 2
接着往下看，在</head>下面发现
| <base target="_blank" /> |
这个很简单，就是让页面中所有链接都在新窗口打开；
STEP 3
最后，在页面底部找到了上面图中选项部分的代码，
| 以下是代码片段： <!-- 新窗自定义控制区 OP --> <div id="settinglink"> <form action="/"> <div class="tLinkBox"> <input type="checkbox" onchange="javascript:toggleLinkAttributes();" id="toggleLinks" /> <script type="text/javascript"> <!-- var ifCookie = getCookie("externalLinks"); if ( ifCookie == "true" ) { document.getElementById('toggleLinks').checked = true; toggleLinkAttributes(); }else{ document.getElementById('toggleLinks').checked = false; toggleLinkAttributes(); } //--> </script> </div> <div class="words"> <label for="toggleLinks" title="Open in new window?"><strong>不打开新窗口?</strong></label> <br />如果您需要在同一窗口中打开所有链接,请使用此选项 </div> </form> </div> <!-- 新窗自定义控制区 ED --> |
以上代码是直接从PCHome下载频道首页源文件中复制过来的，所以DIV的CSS不一定适合你，请适当修改使用；
STEP 4
必须在所有使用该功能的链接代码后加上 rel="external" ，也就是把链接的代码写成：
| <a href="http://www.pchome.net/" rel="external">首页</a> |