由于在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">
<!--
#main {
width: 600px;
margin-right: auto;
margin-left: auto;
border: 1px solid #006699;
height: 600px;
}
#title {
background-color: #006699;
padding: 10px;
width: 100%;
font-family: Verdana, Arial;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
}
#property {
margin: 10px;
border: 1px solid #99CC00;
height: 24px;
background-color: #F8FEE9;
font-size: 12px;
line-height: 24px;
}
#link {
margin: 10px;
border: 1px solid #0099CC;
background-color: #EFEEFF;
font-size: 12px;
height: 366px;
padding: 20px;
}
#copyright {
font-size: 12px;
padding: 20px;
color: #003333;
line-height: 16px;
}
img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.center {
text-align: center;
}
-->
</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 (ancho