JavaScript DOM高级程序设计学习笔记【2】之"编写完美代码"

一.锚元素的完美使用

　　解决如下问题：

　　1>.如果使用了严格型DOCTYPE规范，那么锚标签中的target属性无效

　　2>.在未启用javascript的客户端也可打开链接

　　代码如下：

<a href="http://www.cnblogs.com/liuzixiang/#" class="popup">刘子翔的博客</a>

 

// 添加载入事件来修改页面
LZX.addEvent(window,'load',function(W3CEvent) {
    
    // 查找文档中带popup类的所有锚标签
    var popups = LZX.getElementByClassName('popup','a');
    for(var i=0; i<popups.length; i++) {
        
        // 为每个锚标签添加单击时间侦听器
        LZX.addEvent(popups[i],'click',function(W3CEvent) {
            
            // 使用href属性打开窗口
            window.open(this.href);
            
            // 取消默认事件
            LZX.eventPreventDefault(W3CEvent);
        });
    }
}