2024年3月16日发(作者：丛寄真)

javaScript,页面自动加载事件详解

篇一：javascript动态添加事件

往往我们需要在 JS 中动态添加事件，这就涉及到浏览器兼容性问题了，以下谈及的

几种方法，我们也常常混合使用。

方法一、setAttribute

var obj = mentById("obj");

ribute("onclick", "javascript：alert('测试');");

这里利用 setAttribute 指定 onclick 属性，简单，很好理解，

但是：IE 不支持，IE 并不是不支持 setAttribute 这个函数，而是不支持用

setAttribute 设置某些属性，包括对象属性、集合属性、事件属性，也就是说用

setAttribute 设置 style、onclick、onmouseover 这些属性在 IE 中是行不通的。

LEO:在IE6下尝试成功

方法二、用 attachEvent 和 addEventListener

IE 支持 attachEvent

Event("onclick", Foo);

function Foo()

{

alert("测试");

}

也可写在一起

Event("onclick", function(){alert("测试");});

其它浏览器支持 addEventListener

ntListener("click", Foo, false);

function Foo()

{

alert("测试");

}

同样也可写在一起

2024年3月16日发(作者：丛寄真)

javaScript,页面自动加载事件详解

篇一：javascript动态添加事件

往往我们需要在 JS 中动态添加事件，这就涉及到浏览器兼容性问题了，以下谈及的

几种方法，我们也常常混合使用。

方法一、setAttribute

var obj = mentById("obj");

ribute("onclick", "javascript：alert('测试');");

这里利用 setAttribute 指定 onclick 属性，简单，很好理解，

但是：IE 不支持，IE 并不是不支持 setAttribute 这个函数，而是不支持用

setAttribute 设置某些属性，包括对象属性、集合属性、事件属性，也就是说用

setAttribute 设置 style、onclick、onmouseover 这些属性在 IE 中是行不通的。

LEO:在IE6下尝试成功

方法二、用 attachEvent 和 addEventListener

IE 支持 attachEvent

Event("onclick", Foo);

function Foo()

{

alert("测试");

}

也可写在一起

Event("onclick", function(){alert("测试");});

其它浏览器支持 addEventListener

ntListener("click", Foo, false);

function Foo()

{

alert("测试");

}

同样也可写在一起