ok~_~ok 2018-10-03 23:37 采纳率: 66.7%
浏览 1921
已采纳

button对象的onclick属性是怎么来的

 button.html文件

 <!DOCTYPE html>
<html>
    <head>
        <title>DOM</title>
    </head>
    <body>
        <button id="button">this is a button</button>
    </body>
</html>

 然后在开发者工具的控制台(console)中加入button对象的点击事件:

 button.onclick = function(){
    alert("Hello World");
}

 点击按钮时的效果:


图片说明


为什么会有一个button对象呢?
  因为浏览器解析上面的HTML时,会把标记解析为对象,如将<button>元素解析为button对象,
  因此我们会有一个button对象

那button对象的onclick属性是怎么来的呢?
  在此网站(https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLButtonElement)中的
  的HTMLButtonElement,HTMLElement,
  Element和Node接口中均没有找到onclick属性
  • 写回答

1条回答 默认 最新

  • 天际的海浪 2018-10-04 01:17
    关注

    在一部分浏览器中,浏览器解析HTML时,会把元素的id解析为window对象的属性,其属性值就是这个元素对象的引用,而window对象的属性就等于是全局变量。

    onclick是属于GlobalEventHandlers接口的属性
    https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalEventHandlers/onclick

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥20 游戏mod是如何制作的
  • ¥15 关于#hadoop#的问题:按照老师上课讲的步骤写的
  • ¥20 有人会用这个工具箱吗 付fei咨询
  • ¥30 成都市武侯区住宅小区兴趣点
  • ¥15 Windows软实时
  • ¥15 自有服务器搭建网络隧道并且负载均衡
  • ¥15 opencv打开dataloader显示为nonetype
  • ¥15 MacOS 80端口外网无法访问
  • ¥50 js逆转反解密-会的来
  • ¥15 wrodpress如何调取数据库并展示
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部