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

web|web标准|链接

　　最近继续在准备一个新产品的网站，涉及到W3C标准以及自定义等方面的内容，所以做了一个链接小实例，由于在XHTML1.0过渡型标准之前，target="_blank"属性一直是点击链接后弹出新窗口的方法，但是XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性，也就是说不能再用target="_blank"来弹出一个新的窗口！本实例探讨的就是在XHTML1.1标准下弹出新窗口的方法，并结合Cookies实现客户端自定义弹出新窗口的方法。

　　代码：

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 ) );
}

<!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"></script><script src="http://www.google-analytics.com/urchin.js&qu ... /javascript"> </script><script type="text/javascript">_uacct = "UA-97125-1";urchinTracker();</script></head><body ><div id="main"> <div id="title">自定义打开链接的方式</div> <div id="property"> <label> <input type="checkbox" id="c1" value="checkbox" /> 打开链接为新窗口</label> <span id="cookies_p" style="display:none"> <label> <input type="checkbox" id="c2" value="checkbox" /> 记住我的选择</label></span> </div> <div id="link"> <p><a href="http://www.163.com"> 网易</a></p> <p><a href="http://www.sina.com.cn"> 新浪</a></p> <p><a href="http://www.microsoft.com/china"> 微软中国</a></p> <p><a href="http://www.blueidea.com"> 蓝色理想</a></p> </div> <div id="copyright">最近由于要做一个新产品网站，涉及到W3C标准以及自定义等方面的内容，所以做了一个链接小实例，由于在XHTML1.0过渡型标准之前，target="_blank"属性一直是点击链接后弹出新窗口的方法，但是XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性，也就是说不能再用target="_blank"来弹出一个新的窗口！本实例探讨的就是在XHTML1.1标准下弹出新窗口的方法，并结合Cookies实现客户端自定义弹出新窗口的方法。 </div><p class="center"><a href="http://validator.w3.org/check?uri=referer"><imgsrc="http://www.w3.org/Icons/valid-xhtml11&quo ... 31"width="88"/></a></p></div> </body></html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

时间： 2025-01-31 05:45:01

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

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

web标准学习之a标签

Web标准学习资源（书籍、网站）推荐_经验交流

Web标准学习：Xhtml标准中弹出新窗口

Web标准学习：未知高度的非表格垂直对齐

web标准相关的一些链接

Web标准学习：保持清晰的文档结构

Web标准学习推荐书籍

自定义打开Reflector的方式

Web标准学习：CSS样式书写风格