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 相关文章推荐
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
javaScript 删除字符串空格多种方法小结
Oct 24 Javascript
JS实现商品倒计时实现代码
May 03 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
Jul 09 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
Feb 13 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
Dec 16 Javascript
jquery实现的仿天猫侧导航tab切换效果
Aug 24 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
Nov 20 Javascript
在Mac下彻底卸载node和npm的方法
May 16 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 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
全国FM电台频率大全 - 15 山东省
2020/03/11 无线电
php不允许用户提交空表单(php空值判断)
2013/11/12 PHP
PHP中FTP相关函数小结
2016/07/15 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
JavaScript获取GridView选择的行内容
2009/04/14 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
js的alert样式如何更改如背景颜色
2014/01/22 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
微信小程序自定义组件
2017/08/16 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
2017/08/23 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
2018/01/20 Javascript
jQuery轮播图实例详解
2018/08/15 jQuery
详细讲解如何创建, 发布自己的 Vue UI 组件库
2019/05/29 Javascript
微信小程序 授权登录详解(附完整源码)
2019/08/23 Javascript
JS中自定义事件的使用与触发操作实例分析
2019/11/01 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
python3.x上post发送json数据
2018/03/04 Python
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
大学生毕业求职简历的自我评价
2013/10/24 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
见义勇为事迹材料
2014/12/24 职场文书
先进班集体申报材料
2014/12/26 职场文书
2015年技术员工作总结
2015/04/10 职场文书
班级联欢会主持词
2015/07/03 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
2016年学习贯彻十八届五中全会精神心得体会
2016/01/05 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL
python flask开发的简单基金查询工具
2021/06/02 Python
vue实现简易音乐播放器
2022/08/14 Vue.js