北京网站制作公司,丰富的网站建设经验,为企业提供精品网站制作服务!
服务热线:

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

由于在XHTML1.0过渡型标准之前,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">
<!--
#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

专业网站制作公司 — 安徽宝讯信息技术有限公司 © 版权所有
京ICP备09005099号-7

在线
客服

在线客服服务时间:9:00-20:00

选择下列客服马上在线沟通:

客服
热线

133 9152 9507
7*24小时客服服务热线

关注
微信

官方微信
顶部