在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等。这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法

onclick事件的定义

onclick 事件会在元素被点击时发生。

语法:

例1:定义一个简单的点击事件

html代码

JS代码

function ds(){

alert('我出现了啊');

}

运行后,我们点击按钮出弹出一个信息,如下图

解释:

元素input被鼠标点击以后会触发,onclick事件,onclick事件会调用js中的定义的 ds()函数,就会弹出一条信息来。

例2 :带有传值参数的onclick事件

html代码

js代码

function ds(a){

alert(a);

}

运行后,我们点击按钮弹出的信息如下图

解释:

1、html代码中调用onclick事件中,给要调用的js ds()函数传值‘http://www.freexyz.cn’

2、函数 ds() 接受到传入的值,会直接弹出

onclick使用注意

在html元素中 , ,
, , , , , ,

html里面onclick属性是什么,html中onclick事件属性定义与用法相关推荐

  1. C语言中数据类型的相关定义与用法

    C语言中数据类型的相关定义与用法 数据类型 数据有各种类别:数字.文字等,同样类别的数据也有大小之分,1个Byte不能满足这多样的需求. 对需求相同的数据分为一类,分配相同的字节空间用于存储. 所谓类 ...

  2. 如何查看 el-form-item 的prop属性_PHP 7.4中的类型属性(Typed Properties)

    php中文网最新课程 每日17点准时技术干货分享 在PHP 7.4中添加了类型属性,并对PHP的类型系统进行了重大改进.这些更改是完全可选的,并且不破坏以前的版本. 在这篇文章中,我们将深入了解这个特 ...

  3. 【Groovy】Xml 反序列化 ( 使用 XmlParser 解析 Xml 文件 | 获取 Xml 文件中的节点和属性 | 获取 Xml 文件中的节点属性 )

    文章目录 一.创建 XmlParser 解析器 二.获取 Xml 文件中的节点 三.获取 Xml 文件中的节点属性 四.完整代码示例 一.创建 XmlParser 解析器 创建 XmlParser 解 ...

  4. python中属于私有属性的是_Python中的实例属性和私有属性

    相关知识点 实例属性 实例属性和类属性的区别在于实例属性定义在类的__init__()魔法方法中,而类属性定义在类下: 1 classC:2 b = 1 #类属性 3 4 def __init__(s ...

  5. python中bd是什么属性_聊一聊:Python中对象的属性

    作者:Vamei 出处:http://www.cnblogs.com/vamei Python一切皆对象(object),每个对象都可能有多个属性(attribute).Python的属性有一套统一的 ...

  6. 计算机操作员 word2003 设置表格的跨页断行属性,不可以,word中的表格属性不勾选“允许跨页断行”为什么还是断行了?-为什么word跨页表格,word表格不能跨页...

    不能跨页断行,是因为设置了指定高度造成的. 1.首先双击打开需要编辑的Word文档,进入到Word文档编辑界面中. 2.接下来需要鼠标左键单击Word表格zd,鼠标右键单击选择打开菜单栏中的" ...

  7. js onclick传参对象_js中onClick([object object])的传参问题。跪求!

    你的位置: 问答吧 -> JavaScript -> 问题详情 js中onClick([object object])的传参问题.跪求! 问题是这样的,看代码 for(var i=0;i ...

  8. PHP中extract()函数的定义和用法

    定义和用法 PHP extract() 函数从数组中把变量导入到当前的符号表中. 对于数组中的每个元素,键名用于变量名,键值用于变量值. 第二个参数type 用于指定当某个变量已经存在,而数组中又有同 ...

  9. jQuery中的end()的定义与用法

    转自:微点阅读   https://www.weidianyuedu.com 定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 以上是官方说法,比较难理解. ...

最新文章

  1. BIML 101 - ETL数据清洗 系列 - BIML 快速入门教程 - 序
  2. jar包冲突常用的解决方法
  3. Android找工作系列之自定义View
  4. 安装java环境_(一)环境安装之Java
  5. 《分析服务从入门到精通读书笔记》第四章、创建父子维度(7)
  6. 不同价格段用户购买手机关注的功能
  7. 我擦 以后在也不乱去听别人讲座了。。
  8. 2013第35周五杂记
  9. idea社区版激活_使用IntelliJ IDEA社区版代替付费版
  10. php 邮件 延迟发送,PHP后台隔5分钟发送email邮件_php
  11. 计算机社团感恩节免费维修周策划书,感恩节活动策划以及活动方案!
  12. 旁观面经-02-开发岗总结版
  13. Arduino提高篇11—烟雾传感器MQ-2
  14. 通过C#生成支付宝收款码 二 (支付宝沙箱版配置)
  15. 局部变量能否和成员变量重名?
  16. Dice loss是什么
  17. 5G与AI,共舞“华尔兹”
  18. 软实力:十大调查研究咨询公司助力中国梦
  19. 04、Vue-项目准备《饿了吗》
  20. atlas200dk开发板环境搭建踩坑

热门文章

  1. 快捷键让SublimeText在编文件快速在浏览器打开
  2. windows wim
  3. jvm垃圾内存回收问题
  4. 重庆市公安局北碚分局所需容灾备份设备及软件采购
  5. 如何汉化 OpenERP 6.1 日历视图
  6. 商城项目实战2-登录模块的实现
  7. 美团点评:基于Druid的Kylin存储引擎实践
  8. centos下部署tomcat详解
  9. 网页设计制作必须知道的10个秘诀
  10. CSS---网络编程