请选择 进入手机版 | 继续访问电脑版
查看: 223|回复: 0

行内绑定和动态绑定的区别

[复制链接]
  • TA的每日心情
    开心
    2019-4-10 13:54
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    8

    主题

    9

    帖子

    174

    积分

    注册会员

    Rank: 2

    积分
    174
    发表于 2019-4-1 18:41:44 | 显示全部楼层 |阅读模式
    1. 1,行内绑定:onclick=fn();
    复制代码
    1. 2,动态绑定:document.getElementById().onclick=function(){};
    复制代码
    1. 区别:
    复制代码
    1. <script>
    2.                         function test(){
    3.                                 this.style.color='red';
    4.                                 //此时this指向window对象
    5.                         }
    6.                 </script>
    7.                 <div onclick="test()">javascript</div>
    复制代码
    此程序不可用,因为当调用test()函数是,此时调用的对象时window(顶级对象),this指向调用者(window)
    1. <script>
    2.                         document.getElementById('div1').onclick=test;
    3.                         function test(){
    4.                                 this.style.color='red';
    5.                         }
    6.                 </script>
    7.                 <div id="div1">javascript</div>
    复制代码
    程序可执行,此时this指向对象div1。
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关注微信,有惊喜
    关注我们,每天有惊喜,每日有活动,每日有礼品赠送,扫描左边二维码,即可关注,你还在等什么?
    快速回复 返回顶部 返回列表