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

刚才在PCHome下载频道找东西,发现首页底部有个“不打开新窗口”,选中后打开链接就不是在新窗口打开了……

1

觉得挺有意思的,就研究了一下,现在分析源代码,教你把它用在自己的网页上!

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>

发表评论