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 相关文章推荐
Mootools 1.2教程 同时进行多个形变动画
Sep 15 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
快速学习AngularJs HTTP响应拦截器
Dec 31 Javascript
JS实现的系统调色板完整实例
Dec 21 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
Apr 13 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
详解JavaScript执行模型
Nov 16 Javascript
React更新渲染原理深入分析
Dec 24 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
星际争霸 Starcraft 游戏介绍
2020/03/14 星际争霸
PHP开启opcache提升代码性能
2015/04/26 PHP
PHP面向对象详解(三)
2015/12/07 PHP
php可变长参数处理函数详解
2017/02/22 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
jQuery下通过$.browser来判断浏览器.
2011/04/05 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
2013/11/17 Javascript
jquery改变tr背景色的示例代码
2013/12/28 Javascript
javascript简单实现命名空间效果
2014/03/06 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
原生JS实现瀑布流插件
2018/02/06 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
小程序指纹验证的实现代码
2018/12/04 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
jquery中attr、prop、data区别与用法分析
2019/09/25 jQuery
原生javascript中this几种常见用法总结
2020/02/24 Javascript
python函数中return后的语句一定不会执行吗?
2017/07/06 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
PyQt5中QTableWidget如何弹出菜单的示例代码
2020/02/23 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
提高python代码运行效率的一些建议
2020/09/29 Python
Python中生成ndarray实例讲解
2021/02/22 Python
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
电子专业求职信
2014/06/19 职场文书
小学家长学校培训材料
2014/08/24 职场文书
2014年人力资源工作总结
2014/11/19 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS
MySQL RC事务隔离的实现
2022/03/31 MySQL
SpringBoot整合Minio文件存储
2022/04/03 Java/Android