js中事件注册书写的三种位置

1 行内注册事件
1.1 在行内直接写函数

  <div class="box" onclick="{alert(245)}"><div>

1.2 或者在行内调用已经写好的函数

<div class="box" onclick="fun()"><div>
<script>
    function fun(){
    alert(234);
    }
</script>

2 页面内注册事件

// html 页面
<body>
    <div class="box"></div>
</body>
// js结构
<script>
    var div = document.querySelector('.box');
    div.addEventListener('click', function() {
        alert('hello world');
    })
</script>

3 引入外部的js实现注册

// 引入外部的js
 <script src="./js/unimportant.js"></script>
发布了17 篇原创文章 · 获赞 0 · 访问量 429

猜你喜欢

转载自blog.csdn.net/weixin_44805161/article/details/101146675