在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等。这事件一般都需要通过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.feiniaomy.com’

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

onclick使用注意

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

php input onclick,html中onclick事件属性定义与用法相关推荐

  1. html里面onclick属性是什么,html中onclick事件属性定义与用法

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

  2. html5onclick跳转,html中onclick事件属性定义与用法

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

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

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

  4. CSS3中的透明属性opacity的用法实例

    实例 设置 div 元素的不透明级别: div { opacity:0.5; } 完整例子: <!DOCTYPE html> <html> <head> <s ...

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

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

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

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

  7. Javascript中target事件属性,事件的目标节点的获取。

    window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为 ...

  8. python异步框架twisted_详解Python的Twisted框架中reactor事件管理器的用法

    铺垫在大量的实践中,似乎我们总是通过类似的方式来使用异步编程: 监听事件 事件发生执行对应的回调函数 回调完成(可能产生新的事件添加进监听队列) 回到1,监听事件 因此我们将这样的异步模式称为Reac ...

  9. a标签中rel的属性定义

    rel = "relationship" 于 关系的意思: 即rel标签用来规范标签的href属性和后面链接所指向的目标文档与当前页面之间的关系 如果没使用href 则不能使用re ...

最新文章

  1. sql2008 附加数据库时 错误5123
  2. 赠书:全球首本VS Code中文书来了,高效编程秘诀全收录!
  3. Leecode 222. 完全二叉树的节点个数——Leecode日常刷题系列
  4. 图片加载框架Picasso - 源码分析
  5. Linux 内核打印级别
  6. 一步步编写操作系统 52 深入浅出cpu的特权级
  7. Java与C++有何区别呢?请看以下几点就明白了……
  8. 解决mysql锁表终极方法
  9. 去掉日志服务器性能,日志服务器及性能监控
  10. Jcreator5.0
  11. 前端开发_HTML5_布局-div+css布局
  12. JavaScript 进阶技能,中高级前端必备
  13. EFCore对数据库增删改查
  14. springBoot Vue 项目实战
  15. 网吧流媒体服务器系统,网吧视频点播服务器架设完全攻略流媒体服务器 -电脑资料...
  16. Google关键词排名多久做上去?谷歌新网站多久能有排名?
  17. ubuntu 20.04 调节屏幕亮度
  18. fadeIn()与fadeOut()方法
  19. 轻量级pythonide_轻的解释|轻的意思|汉典“轻”字的基本解释
  20. eclipse新建C/C++项目

热门文章

  1. 计算机硬盘的分区和格式化,纯扫盲高手勿看 硬盘分区与格式化小议
  2. php失业 2019_2019年了,PHP已不再是当年那个“设计糟糕”的语言
  3. 【视频编解码-02】视频编码的目的、条件和目标
  4. 阿里云ecs和域名的购买,绑定,备案教程
  5. 百度云主机,腾讯云域名,怎么绑定解析 备案教程
  6. :last-of-type | CSS属性参考
  7. python制表符长度不_python \t python里的 \t 的长度具体是几个字符?
  8. MySQL存储数据加密
  9. 程序员:凭自己能力吃饭,有什么理由瞧不起?
  10. windows 2012 R2 及 centos 7.X 禁用不必要服务