打开链接，在新窗口还是同一窗口

刚才在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>