WEB标准学习：自定义打开链接的方式

　2007-11-30 19:15:42　来源：WEB开发网　　　

核心提示：由于在XHTML1.0过渡型标准之前，target="_blank"属性一直是点击链接后弹出新窗口的方法，WEB标准学习：自定义打开链接的方式，但是XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性，也就是说不能再用target="_blank"来弹出一

由于在XHTML1.0过渡型标准之前，target="_blank"属性一直是点击链接后弹出新窗口的方法，但是XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性，

也就是说不能再用target="_blank"来弹出一个新的窗口!本实例探讨的是在XHTML1.1标准下弹出新窗口的方法，并结合Cookies实现客户端自定义弹出新窗口的方法。

以下是引用片段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自定义打开链接的方式</title>
<style type="text/CSS">

</style>
<script type="text/javascript">
<!--
function onlinks(){

if(getCookie("links")=="_blank"){
document.getElementById("c1").checked=true;
document.getElementById("c2").checked=true;
newlinks();//dolinks();
}
else{
document.getElementById("c1").checked=false;
document.getElementById("c2").checked=false;
newlinks();//dolinks();
}
}

function dolinks(){
document.getElementById("c2").checked?setCookie('links','_blank',1):deleteCookie('links');
}

function newlinks() {
document.getElementById("c1").checked?fc1():fc2()
function fc1(){
linktarget="_blank";document.getElementById("cookies_p").style.display="block"}
function fc2(){
linktarget="";document.getElementById("cookies_p").style.display="none"}

var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
　 var anchor = anchors[i];
　 if (anchor.getAttribute("href"))
　　 anchor.target = linktarget;
}
}

function getCookie(name) {
　 var start = document.cookie.indexOf( name + "=" );
　 var len = start + name.length + 1;
　 if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {
　　　 return null;
　 }
　 if ( start == -1 ) return null;
　 var end = document.cookie.indexOf( ";", len );
　 if ( end == -1 ) end = document.cookie.length;
　 return unescape( document.cookie.substring( len, end ) );
}　　