首页 > 软件开发 > HTML >

html怎么绑定事件

来源:互联网 2023-03-16 19:17:59 版权归原作者所有,如有侵权,请联系我们

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

工具/原料

  • hbuiderx
  • 谷歌浏览器

方法/步骤

  • 1

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

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

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

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

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

  • 3

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

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

  • 4

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

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

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

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

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

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

  • 5

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

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

  • 6

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

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

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

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

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

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

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

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

  • 7

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

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

  • 8

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

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

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


    标签: HTMLJAVASCRIPT

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