JavaScript给按钮绑定点击事件(onclick)的方法

 更新时间:2015年04月07日 12:02:42   作者:work24  
这篇文章主要介绍了JavaScript给按钮绑定点击事件(onclick)的方法,涉及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.jb51.net/table/javascript_event

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

相关文章

  • 前端数组去重面试我会问这3个小问题

    前端数组去重面试我会问这3个小问题

    数组去重在我们的前端的面试过程中经过会遇到,有一些人可能会想到一两种,但是数据去重的算法真的太多了,下面这篇文章主要给大家介绍了关于前端数组去重面试3个小问题的相关资料,需要的朋友可以参考下
    2023-01-01
  • Perl Substr()函数及函数的应用

    Perl Substr()函数及函数的应用

    这篇文章主要介绍了Perl Substr()函数及函数的应用,需要的朋友可以参考下
    2015-12-12
  • BootstrapValidator不触发校验的实现代码

    BootstrapValidator不触发校验的实现代码

    BootstrapValidator是基于bootstrap3的jquery表单验证插件,是最适合bootstrap框架的表单验证插件,本文给大家介绍BootstrapValidator不触发校验的实现代码,感兴趣的朋友一起看看吧
    2016-09-09
  • javascript数据结构之双链表插入排序实例详解

    javascript数据结构之双链表插入排序实例详解

    这篇文章主要介绍了javascript数据结构之双链表插入排序实现方法,较为详细的分析了插入排序的原理及双链表插入排序的实现技巧,对于学习JavaScript数据结构具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • JavaScript实现京东快递单号查询

    JavaScript实现京东快递单号查询

    这篇文章主要为大家详细介绍了JavaScript实现京东快递单号查询,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JavaScript中数组去重的5种方法

    JavaScript中数组去重的5种方法

    这篇文章主要介绍了JavaScript中数组去重的5种方法,文中讲解非常详细,实例代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • DIV菜单层实现代码

    DIV菜单层实现代码

    昨天我问一美工jQuery怎么样了,他说简单的还可以,复杂的就不行了,我又问是哪种程度的复杂?
    2010-11-11
  • 微信小程序左右滑动的实现代码

    微信小程序左右滑动的实现代码

    这篇文章主要介绍了微信小程序左右滑动的实现代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-12-12
  • 12个div逐个显示效果

    12个div逐个显示效果

    12个div逐个显示效果...
    2006-10-10
  • js 数组 find,some,filter,reduce区别详解

    js 数组 find,some,filter,reduce区别详解

    区分清楚Array中filter、find、some、reduce这几个方法的区别,根据它们的使用场景更好的应用在日常编码中。具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06

最新评论