JavaScript 事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--
            事件,就是用户与浏览器之间的交互
            如:单击、双击、鼠标移动、关闭窗口...
            
            在事件对应的属性中设计js代码,触发事件就调用js代码
        -->
        <button  onclick="alert('点击我了')">我是一个按钮</button>
        <!--上面的时间写法过于耦合,不推荐-->
        <button  id="in">我是js一个按钮</button>
        <script type="text/javascript">
            //.绑定js函数来处理事件
                //获取对象
                var btn=document.getElementById("in");
                //处理事件
                btn.onclick=function (){
                    alert("又点击我了");
                }
            
            //.各种事件
//            https://www.w3cschool.cn/jsref/dom-obj-event.html
        </script>
    </body>
</html>

 

posted @ 2019-07-28 17:17  WideWang  阅读(113)  评论(0编辑  收藏  举报