JavaScript给按钮绑定点击事件(onclick)的方法


Posted in Javascript onApril 07, 2015

本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法。分享给大家供大家参考。具体分析如下:

我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件

<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First JavaScript</h1>
<p id="demo">This is a paragraph.</p>
<button type="button" onclick="displayDate()">
Display Date</button>
</body>
</html>

 PS:这里再为大家推荐一款关于JS事件的在线查询工具,归纳总结了JS常用的事件类型与函数功能:

javascript事件与功能说明大全:

希望本文所述对大家的javascript程序设计有所帮助

Javascript 相关文章推荐
jQuery $.data()方法使用注意细节
Dec 31 Javascript
js日期相关函数总结分享
Oct 15 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
vue-router:嵌套路由的使用方法
Feb 21 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
微信小程序实现折线图的示例代码
Jun 07 Javascript
JS控制只能输入数字并且最多允许小数点两位
Nov 24 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 Javascript
详解vue-router的导航钩子(导航守卫)
Nov 02 Javascript
JS 作用域与作用域链详解
Apr 07 #Javascript
JavaScript实现在页面间传值的方法
Apr 07 #Javascript
简易的投票系统以及js刷票思路和方法
Apr 07 #Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 #Javascript
TypeScript具有的几个不同特质
Apr 07 #Javascript
实现前后端数据交互方法汇总
Apr 07 #Javascript
JavaScript使用cookie记录临时访客信息的方法
Apr 07 #Javascript
You might like
php防注入及开发安全详细解析
2013/08/09 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
PHP同时连接多个mysql数据库示例代码
2014/03/17 PHP
php实现三级级联下拉框
2016/04/17 PHP
Yii2中使用join、joinwith多表关联查询
2016/06/30 PHP
php给数组赋值的实例方法
2019/09/26 PHP
php回调函数处理数组操作示例
2020/04/13 PHP
php判断数组是否为空的实例方法
2020/05/10 PHP
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
浅谈Javascript的静态属性和原型属性
2015/05/07 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
JavaScript中的getMilliseconds()方法使用详解
2015/06/10 Javascript
js enter键激发事件实例代码
2016/08/17 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
基于js实现的限制文本框只可以输入数字
2016/12/05 Javascript
微信小程序开发之实现自定义Toast弹框
2017/06/08 Javascript
基于vue实现分页效果
2017/11/06 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
JavaScript时间戳与时间日期间相互转换
2017/12/11 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
python中的字典使用分享
2016/07/31 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
Django数据模型中on_delete使用详解
2020/11/30 Python
广州迈达威.net面试题目
2012/03/10 面试题
学校消防安全制度
2014/01/30 职场文书
上下班时间调整通知
2015/04/23 职场文书
工作失职检讨书范文
2015/05/05 职场文书
nodejs利用readline提示输入内容实例代码
2021/07/15 NodeJs