编程 Javascript

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给按钮绑定点击事件（onclick）的方法

- Author -

work24

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery Ajax 全解析

Feb 08 Javascript

JavaScript 一道字符串分解的题目

Aug 03 Javascript

基于jQuery实现左右div自适应高度完全相同的代码

Aug 09 Javascript

jQuery 关于伪类选择符的使用说明

Apr 24 Javascript

编写自己的jQuery提示框（Tip）插件

Feb 05 Javascript

通过设置CSS中的position属性来固定层的位置

Dec 14 Javascript

jQuery取消特定的click事件

Feb 29 Javascript

浅谈JavaScript中的分支结构

Jul 01 Javascript

Vue实现web分页组件详解

Nov 28 Javascript

vue2.0 computed 计算list循环后累加值的实例

Mar 07 Javascript

vue前端框架—Mint UI详解（更适用于移动端）

Apr 30 Javascript

vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解

Dec 15 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