JavaScript中onclick事件

李sy同学

于 2021-07-12 10:54:55 发布

阅读量702

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_47511190/article/details/118670429

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        function onclickfun(){
            alert("静态注册onclick事件");
        }

        //动态注册onclick事件
        window.onload=function (){
            //1.获取标签对象
            /**
             * document是JavaScript语言提供的一个对象（文档）
             * getElementById通过id属性获取标签对象
             */
            var btobj=document.getElementById("bt1");
            //alert(btobj);
            // 2.通过标签对象.事件名=function(){}
            btobj.onclick=function (){
                alert("动态注册onclick事件");
            }
        }


    </script>

</head>
<body>
<!--    静态注册onclick事件-->
    <button onclick="onclickfun()">按钮1</button>
    <button id="bt1">按钮2</button>

</body>
</html>

李sy同学

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中onclick事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> function onclickfun(){ alert("静态注册onclick事件"); } //动态注册onclick事件
复制链接

扫一扫