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

最新推荐文章于 2025-08-23 02:53:08 发布

转载最新推荐文章于 2025-08-23 02:53:08 发布 · 59 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liuzixiang/archive/2012/02/04/2338085.html

文章标签：

#javascript #ViewUI

一.锚元素的完美使用

　　解决如下问题：

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