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 相关文章推荐
jquery 打开窗口返回值实现代码
Mar 04 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
Nov 23 Javascript
浅谈js中的延迟执行和定时执行
May 31 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
Vue.js快速入门教程
Sep 07 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
微信小程序 聊天室简单实现
Apr 19 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
基于AngularJS实现表单验证功能
Jul 28 Javascript
react redux入门示例
Apr 19 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 Javascript
如何理解Vue前后端数据交互与显示
May 10 Vue.js
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
基于mysql的bbs设计(二)
2006/10/09 PHP
PHP 中文乱码解决办法总结分析
2009/07/30 PHP
IP攻击升级,程序改进以对付新的攻击
2010/11/23 PHP
PHP PDOStatement::rowCount讲解
2019/02/01 PHP
js的event详解。
2006/09/06 Javascript
仿163填写邮件地址自动显示下拉(无优化)
2008/11/05 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
2012/03/01 Javascript
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
Javascript:为input设置readOnly属性(示例讲解)
2013/12/25 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
2016/05/15 Javascript
JavaScript进阶练习及简单实例分析
2016/06/03 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
js实现自定义路由
2017/02/04 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
[00:32]2018DOTA2亚洲邀请赛iG出场
2018/04/03 DOTA
Python删除指定目录下过期文件的2个脚本分享
2014/04/10 Python
Python切换pip安装源的方法详解
2016/11/18 Python
简单实现python数独游戏
2018/03/30 Python
canvas如何绘制钟表的方法
2017/12/13 HTML / CSS
护士个人简历自荐信
2013/10/18 职场文书
党员思想汇报范文
2013/12/30 职场文书
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
计算机实训报告总结
2014/11/05 职场文书
运动会入场词
2015/07/18 职场文书
财务管理制度范本
2015/08/04 职场文书
2017新年晚会开幕词
2016/03/03 职场文书
Python 全局空间和局部空间
2022/04/06 Python
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL