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

JS(绑定事件)

时间:2018-05-08 22:17:56      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:var   div   get   参数   标签   function   NPU   innerhtml   element   

事件绑定方式一:属性中绑定
<input type="button" value="+" onclick="fun1()">
<script>
    function fun1(){
        alert(123);
    }
</script>
事件绑定方式一带参数this,this指代本标签
<div class="div1" onclick="fun1(this)">div1</div>
<script>
    function fun1(e){
        alert(e.innerHTML);
    }
</script>

 

事件绑定方式二:script标签中绑定
<div class="div1">div1</div>
<script>
    var tmp=document.getElementsByClassName("div1")[0];
    tmp.onclick=function(){                 //onclick后不跟括号
        alert(123);
    }
</script>

 

事件绑定方式二之this
<div class="div1">div1</div>
<script>
    var tmp=document.getElementsByClassName("div1")[0];
    tmp.onclick=function(){
        alert(this.innerHTML);              //this也是指代标签
    }
</script>

 







JS(绑定事件)

标签:var   div   get   参数   标签   function   NPU   innerhtml   element   

原文地址:https://www.cnblogs.com/gaoyukun/p/9010984.html

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