首页 > 软件开发 > HTML >

点击事件onclick怎么用

来源:互联网 2023-03-16 19:11:26 157

点击事件onclick ,会在元素被鼠标点击时被触发,会执行onclick事件指定的JavaScript代码。M9i办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • Notepad、浏览器

【button】onclick事件

  • 1

    1、onclick事件语法:element id="" onclick="JavaScriptCode">。M9i办公区 - 实用经验教程分享!

    首先,我们使用button元素,看一个最简单的onclick事件的实例。M9i办公区 - 实用经验教程分享!

    点击事件onclick怎么用M9i办公区 - 实用经验教程分享!

  • 2

    2、下图为页面及onclick事件的实现代码:当按钮被点击时执行alert('OnClick事件')的操作。M9i办公区 - 实用经验教程分享!

    点击事件onclick怎么用M9i办公区 - 实用经验教程分享!

  • 3

    3、上面两步骤onclick是直接alert一段字符串,那么js中怎样调用函数里的代码呢?M9i办公区 - 实用经验教程分享!

    点击事件onclick怎么用M9i办公区 - 实用经验教程分享!

  • 3该信息未经许可获取自百度经验
  • 4

    4、我们在script中定义一个方法,在元素的onclick事件时调用此方法:M9i办公区 - 实用经验教程分享!

    function myFunction(str){M9i办公区 - 实用经验教程分享!

    alert('接收到的返回值为' str);M9i办公区 - 实用经验教程分享!

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

    点击事件onclick怎么用M9i办公区 - 实用经验教程分享!

  • 【a】onclick事件

  • 1

    1、a标签也可以使用onclick事件,使用方法为:a href="javascript:void(0);" onclick="JavaScriptCode">。M9i办公区 - 实用经验教程分享!

    点击事件onclick怎么用M9i办公区 - 实用经验教程分享!

  • 2

    2、在此页面中script中定义exportExecuteInfo方法,在a元素的onclick事件时调用此方法,alert接收到的参数。M9i办公区 - 实用经验教程分享!

    function exportExecuteInfo(instanceId){M9i办公区 - 实用经验教程分享!

    alert('ID值为' instanceId);M9i办公区 - 实用经验教程分享!

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

    点击事件onclick怎么用M9i办公区 - 实用经验教程分享!

  • 注意事项

    • 希望对大家有帮助~

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


    标签: HTML

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