js基础精华04

最新推荐文章于 2019-10-09 09:48:46 发布

zhaihaohao1

最新推荐文章于 2019-10-09 09:48:46 发布

阅读量344

点赞数

分类专栏： js基础精华

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47787397

版权

js基础精华专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--JS事件详解-事件处理-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="div01">
    <button id="btn01" οnclick="demo01()">按钮01</button>
    <br/>
    <button id="btn02">按钮02</button>
    <br/>
</div>
<!--直接调方法-->
<script>
    function demo01(){
        alert("点击事件");
    }
</script>

<!--dom二级事件处理程序，就是前面写的句柄-->
<script>
    var x = document.getElementById("btn02");
    x.addEventListener("click", method01);
    function method01() {
        alert("句柄01")
    }//事件不会覆盖
    x.addEventListener("click", method02);
    function method02() {
        alert("句柄02")
    }
</script>




</body>
</html>

优惠劵

zhaihaohao1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础精华04

html>html>head lang="en"> meta charset="UTF-8"> title>title>head>body>div id="div01"> button id="btn01" onclick="demo01()">按钮01button> br/> button id="btn02">按钮02button>
复制链接

扫一扫