JavaScript（十六）事件

最新推荐文章于 2024-05-04 10:21:02 发布

李不烦

最新推荐文章于 2024-05-04 10:21:02 发布

阅读量103

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/LWYYYYYY/article/details/90442143

版权

JavaScript 专栏收录该内容

67 篇文章 1 订阅

订阅专栏

第一种派发事件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
  <button id="btn1">葵花点穴手</button>
</body>
</html>
<script>
   // 获取元素对象
    let but=document.getElementById('btn1');
    // 给对象派发点击事件
    but.onclick=function () {
        console.log("点我干嘛！！")
    }
</script>

页面的加载机制：是从上往下加载，所有把script写在最后，若写在head里，当获取id为“btn1"的时候，元素还未加载，报错找不到

第二种派发事件：利用onclick属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script>
        function showBigZhao(){
            console.log("没事点我干嘛!!!");
        }
    </script>
</head>
<body>
  <button id="btn1" onclick="showBigZhao()">葵花点穴手</button>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

李不烦

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript（十六）事件

第一种派发事件：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><body> <button id="btn1">葵花点穴手&lt...
复制链接

扫一扫