码迷,mamicode.com
首页 > Web开发 > 详细

JS----click3种方法

时间:2018-09-28 12:39:05      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:date()   meta   inner   ntb   onclick   charset   var   事件   cti   

 js最常用的click事件3种方法

1、onclick=name()

<!DOCTYPE html>
<html leng="en">
    <head>
        <meta charset="utf-8">
        <title>one</title>
    </head>
    <body>
        <div id="dome"></div>
        <button type="button" onclick="displayDate()">点击</button>
        <script>
            function displayDate(){
                document.getElementById("dome").innerHTML=Date();
            }
        </script>
    </body>
</html>

2、js中绑定

<!DOCTYPE html>
<html leng="en">
    <head>
        <meta charset="utf-8">
        <title>one</title>
    </head>
    <body>
        <div id="dome"></div>
        <button type="button">点击</button>
        <script>
            var btn=document.getElementById("btn");
            btn.onclick=function(){
                document.getElementById("dome").innerHTML=Date();
            }
        </script>
    </body>
</html>

3、事件柄方法

<!DOCTYPE html>
<html leng="en">
    <head>
        <meta charset="utf-8">
        <title>one</title>
    </head>
    <body>
        <div id="dome"></div>
        <button type="button">点击</button>
        <script>
            var btn=document.getElementById("btn");
            btn.addEventListener(click,function(){
                document.getElementById("dome").innerHTML=Date();
            },false)
        </script>
    </body>
</html>

 

JS----click3种方法

标签:date()   meta   inner   ntb   onclick   charset   var   事件   cti   

原文地址:https://www.cnblogs.com/liaohongwei/p/9717511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!