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 相关文章推荐
javascript 写类方式之三
Jul 05 Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
js的Boolean对象初始值示例
Mar 04 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
JS获取鼠标坐标位置实例分析
Jan 20 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
javaScript语法总结
Nov 25 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 Javascript
angular共享依赖的解决方案分享
Oct 15 Javascript
vue data有值,但是页面{{}} 取不到值的解决
Nov 09 Javascript
JavaScript数组 几个常用方法总结
Nov 11 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数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
2011/10/31 PHP
深入解析PHP的Yii框架中的缓存功能
2016/03/29 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
php创建图像具体步骤
2017/03/13 PHP
PHP如何根据文件头检测文件类型实例代码
2018/10/14 PHP
奉献给JavaScript初学者的编写开发的七个细节
2011/01/11 Javascript
js中arguments的用法(实例讲解)
2013/11/30 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
jquery实现图片放大镜功能
2015/11/23 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
jQuery中的一些常见方法小结(推荐)
2016/06/13 Javascript
js简单实现调整网页字体大小的方法
2016/07/23 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
详解在AngularJS的controller外部直接获取$scope
2017/06/02 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
2018/05/01 Javascript
详解vuex状态管理模式
2018/11/01 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
Python类的专用方法实例分析
2015/01/09 Python
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
python集合用法实例分析
2015/05/30 Python
python 获取网页编码方式实现代码
2017/03/11 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
python 平衡二叉树实现代码示例
2018/07/07 Python
Python3 字典dictionary入门基础附实例
2020/02/10 Python
基于python实现地址和经纬度转换
2020/05/19 Python
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
中学生在校期间的自我评价分享
2013/11/13 职场文书
个人简历中自我评价
2014/02/11 职场文书
职工代表大会主持词
2014/04/01 职场文书
一般基层干部群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
银行服务理念口号
2015/12/25 职场文书