首页 > 软件开发 > JavaScript >

html怎么绑定事件

来源:互联网 2023-03-17 00:47:06 148

html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

工具/原料

  • hbuiderx
  • 谷歌浏览器

方法/步骤

  • 1

    打开hbuiderx后,在左侧新建一个文件夹,如图所示Xqo办公区 - 实用经验教程分享!

    html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

  • 1相关内容非法爬取自百度经验
  • 2

    在新建文件夹中,点击index.html文件,如图所示Xqo办公区 - 实用经验教程分享!

    html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

  • 3

    在body中,写button type="button">123/button>,在button type="button">123/button>中,加入id="bt",如图所示Xqo办公区 - 实用经验教程分享!

    html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

  • 4

    在body下面写Xqo办公区 - 实用经验教程分享!

    script type="text/javascript">Xqo办公区 - 实用经验教程分享!

    Xqo办公区 - 实用经验教程分享!

    /script>Xqo办公区 - 实用经验教程分享!

    如图所示Xqo办公区 - 实用经验教程分享!

    html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

  • 5

    写入script标签后,用var but = document.getElementById("bt");获取id元素,如图所示Xqo办公区 - 实用经验教程分享!

    html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

  • 6

    接下来就是用Xqo办公区 - 实用经验教程分享!

    but.onclick=function(){Xqo办公区 - 实用经验教程分享!

    alert("哎呀,你好坏坏啊!");Xqo办公区 - 实用经验教程分享!

    }Xqo办公区 - 实用经验教程分享!

    在html绑定事件了,如图所示

    Xqo办公区 - 实用经验教程分享!

    Xqo办公区 - 实用经验教程分享!

    html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

  • 7

    Ctrl s保存后,打开浏览器,点击按钮,如图所示Xqo办公区 - 实用经验教程分享!

    html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

  • 8

    弹窗出现,事件绑定成功,如图所示Xqo办公区 - 实用经验教程分享!

    html怎么绑定事件?Xqo办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Xqo办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码