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 相关文章推荐
Js sort排序使用方法
Oct 17 Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
JS基于面向对象实现的放烟花效果
May 07 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
Dec 19 Javascript
AngularJS实现表格的增删改查(仅限前端)
Jul 04 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
Nov 15 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
Oct 18 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
Nov 14 Javascript
搭建基于express框架运行环境的方法步骤
Nov 15 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
Dec 09 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
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
php发送邮件的问题详解
2015/06/22 PHP
老生常谈php中传统验证与thinkphp框架(必看篇)
2017/06/10 PHP
thinkPHP框架中执行原生SQL语句的方法
2017/10/25 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
基于jquery的动态创建表格的插件
2011/04/05 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
2013/05/15 Javascript
jquery 删除字符串最后一个字符的方法解析
2014/02/11 Javascript
Angularjs 基础入门
2014/12/26 Javascript
JS随机调用指定函数的方法
2015/07/01 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
深入浅析javascript中的作用域(推荐)
2016/07/19 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
2017/03/29 Javascript
Angular 2.0+ 的数据绑定的实现示例
2017/08/09 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
javascript实现倒计时关闭广告
2021/02/09 Javascript
python网络编程学习笔记(四):域名系统
2014/06/09 Python
python分治法求二维数组局部峰值方法
2018/04/03 Python
浅析PEP572: 海象运算符
2019/10/15 Python
python numpy库np.percentile用法说明
2020/06/08 Python
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
Yves Rocher伊夫·黎雪美国官网:法国始创植物美肌1959
2019/01/09 全球购物
先进事迹报告会感言
2014/01/24 职场文书
酒店中秋节促销方案
2014/01/30 职场文书
安全例会汇报材料
2014/08/23 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
闪闪的红星观后感
2015/06/08 职场文书
关于观后感的作文
2015/06/18 职场文书