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

最新推荐文章于 2022-10-12 17:18:05 发布

从此花海一片

最新推荐文章于 2022-10-12 17:18:05 发布

阅读量144

点赞数

分类专栏： js 文章标签：事件注册 html js

本文链接：https://blog.csdn.net/weixin_44805161/article/details/101146675

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

从此花海一片

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中事件注册书写的三种位置

1 行内注册事件1.1 在行内直接写函数 <div class="box" onclick="{alert(245)}"><div>1.2 或者在行内调用已经写好的函数<div class="box" onclick="fun()"><div><script> function fun(){ alert(23...
复制链接

扫一扫