事件行内绑定的函数必须为全局函数

最新推荐文章于 2024-01-02 08:28:06 发布

xue123456_

最新推荐文章于 2024-01-02 08:28:06 发布

阅读量704

点赞数 1

分类专栏： js 文章标签：行内事件绑定

本文链接：https://blog.csdn.net/xue123456_/article/details/84484439

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

js事件行内绑定的函数为什么不能在window.onload函数中

在三种事件绑定方式中（行内绑定，DOM对象.属性方法，事件监听器方法），行内绑定可以一次性绑定多个事件，但绑定的事件不能在window.onload中。看以下代码

<script type="text/javascript">
  window.onload=function(){
       function dianji1(){
           alert("哈哈1");
       }
       function dianji2(){
           alert("嘿嘿2");
       }
  }
</script>
<div onclick="dianji1();dianji2();">点击我</div>

以上代码执行会报错，因为行内绑定的事件必须为全局事件函数，而写在window.onload事件函数为局部事件函数
正确代码如下:

<script type="text/javascript">
       function dianji1(){
           alert("哈哈1");
       }
       function dianji2(){
           alert("嘿嘿2");
       }
</script>
<div onclick="dianji1();dianji2();">点击我</div>