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 相关文章推荐
由document.body和document.documentElement想到的
Apr 13 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
Oct 07 Javascript
JavaScript判断按钮被点击的方法
Dec 13 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
详解Vue-cli 创建的项目如何跨域请求
May 18 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
May 18 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
Jun 17 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
VuePress 快速踩坑小结
Feb 14 Javascript
使用express来代理服务的方法
Jun 21 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
Javascript String.replace的妙用
2009/09/08 Javascript
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
2009/11/30 Javascript
js 获取和设置css3 属性值的实现方法
2013/05/06 Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
windows实现npm和cnpm安装步骤
2019/10/24 Javascript
node.js使用yargs处理命令行参数操作示例
2020/02/11 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
微信小程序实现简单的select下拉框
2020/11/23 Javascript
Javascript新手入门之字符串拼接与变量的应用
2020/12/03 Javascript
[02:20]2014DOTA2西雅图邀请赛 MVP外卡赛首胜采访
2014/07/09 DOTA
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
Python3中类、模块、错误与异常、文件的简易教程
2017/11/20 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
如何使用django的MTV开发模式返回一个网页
2019/07/22 Python
Linux下通过python获取本机ip方法示例
2019/09/06 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
tensorflow中tf.reduce_mean函数的使用
2020/04/19 Python
利用pandas向一个csv文件追加写入数据的实现示例
2020/04/23 Python
Python基于template实现字符串替换
2020/11/27 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
澳大利亚购买太阳镜和眼镜网站:Glamoureyes
2020/09/22 全球购物
超市开业庆典活动策划方案
2014/09/15 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
2014年公司工作总结
2014/11/22 职场文书
关于长城的导游词
2015/01/30 职场文书
初中家长意见
2015/06/03 职场文书
小学六年级毕业感言
2015/07/30 职场文书
《自己的花是让别人看的》教学反思
2016/02/19 职场文书