JS 事件注册

最新推荐文章于 2024-09-14 18:52:56 发布

fulianglove

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量701

点赞数

分类专栏： JavaScript 文章标签： javascript function firefox 浏览器 ie

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

 
 在一页页面中，同时出现了两个window.onload函数，发现第二个函数将会覆盖第一函数，第一个函数将会不起作用！
<html>
<head>
<script type="text/javascript" language="javascript">
window.οnlοad=function()
{
    alert("第一次调用");
}
</script>
</head>
<body>
<script type="text/javascript" language="javascript">
window.οnlοad=function()
{
    alert("第二次调用");
}
</script>
</body>
</html>
那么，怎么解决这个办法呢！
请看下面。
<html>
<head>
<script type="text/javascript" language="javascript">
window.οnlοad=function()
{
    alert("第一次调用");
}
</script>
</head>
<body>
<script type="text/javascript" language="javascript">
function twofunction()
{
    alert("第二次调用");
}
window.attachEvent('onload',twofunction);
</script>
</body>
</html>
 

不过attachEvent方法只适用于IE队firefox就不好用了，还好firefox业提供了类似的功能addEventListener

对于上面的情况为了实现跨浏览器操作改为：

 
  <html>
<head>
<script type="text/javascript" language="javascript">
window.οnlοad=function()
{
    alert("第一次调用");
}
</script>
</head>
<body>
<script type="text/javascript" language="javascript">
function twofunction()
{
    alert("第二次调用");
}
if(window.addEventListener)
{
    window.addEventListener('load',twofunction);
}
else if(window.attachEvent)
{
    window.attachEvent('onload',twofunction);
}
</script>
</body>
</html>
 
 