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文本框输入内容智能提示效果
Dec 02 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
js设置文字颜色的方法示例
Dec 30 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
Jun 29 Javascript
js轮播图的插件化封装详解
Jul 17 Javascript
vue服务端渲染的实例代码
Aug 28 Javascript
JavaScript如何判断input数据类型
Feb 06 Javascript
vue 单页应用和多页应用的优劣
Oct 22 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 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中对数据库操作的封装
2006/10/09 PHP
php下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
php正则表达式(regar expression)
2011/09/10 PHP
又一个PHP实现的冒泡排序算法分享
2014/08/21 PHP
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
JavaScript实战(原生range和自定义特效)简单实例
2016/08/21 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
2020/05/27 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
python实现RSA加密(解密)算法
2016/02/17 Python
Diango + uwsgi + nginx项目部署的全过程(可外网访问)
2018/04/22 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
python async with和async for的使用
2019/06/20 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
python随机生成库faker库api实例详解
2019/11/28 Python
基于TensorFlow常量、序列以及随机值生成实例
2020/01/04 Python
Python while循环使用else语句代码实例
2020/02/07 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
美国著名的家居用品购物网站:Bed Bath & Beyond
2018/01/05 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
四年级语文教学反思
2014/02/05 职场文书
汽车维修专业自荐书
2014/05/26 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
致三级跳运动员加油稿
2015/07/21 职场文书
2019年个人工作总结范文
2019/03/25 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python