JavaScript给按钮绑定点击事件（onclick）的方法

307 阅读 0 评论 203 点赞

我是靠谱客的博主淡淡音响，这篇文章主要介绍JavaScript给按钮绑定点击事件（onclick）的方法，现在分享给大家，希望可以做个参考。

本文实例讲述了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事件与功能说明大全：

http://tools.uoften.com/table/javascript_event

希望本文所述对大家的javascript程序设计有所帮助