JavaScript实例教程(六)JavaScript中处理事件之单击事件onClic

2016-02-19 14:40 20 1 收藏

下面,图老师小编带您去了解一下JavaScript实例教程(六)JavaScript中处理事件之单击事件onClic,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

单击事件onClick

当用户单击鼠标按钮时,产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生:

button(按钮对象)
checkbox(复选框)或(检查列表框)
radio (单选钮)
reset buttons(重要按钮)
submit buttons(提交按钮)
一切文本和图片

例:可通过下列按钮激活alert():

html
head
/head
body
Form
Input type="button" Value="你好 " onClick="alert('你好!我是JavaScript')"
/Form
/body
/html

运行结果如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

JavaScript实例教程(六)JavaScript中处理事件之单击事件onClick

单击事件onClick

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

JavaScript实例教程(六)JavaScript中处理事件之单击事件onClick

单击之后的提示

在onClick等号后,可以使用自己编写的函数作为事件处理程序,也可以使用JavaScript中内部的函数。还可以直接使用JavaScript的代码等。

来源:http://www.tulaoshi.com/n/20160219/1607497.html

延伸阅读
标签: Web开发
上一篇介绍了Javascript初学者实例教程(1):简单交互 实例二、      本实例主要介绍了event对象和事件的简单应用。 html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" titlemouse/title script language="javascript" function catchEvent() { var event...
标签: Web开发
Html代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  html xmlns="http://www.w3.org/1999/xhtml" lang="zh" xml:lang="zh"  head  meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /  met...
标签: Web开发
在很多语言的学习中,事件都是一个比较难理解,但是又是一个很重要的概念。javascript中的事件处理也是一样,正因为有了事件处理,才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理,读过之后,您就会知道,很多Ajax框架实现拖动效果的原理了。 一、 IE Event对象 (一)IE Event对象的主要属性和方法 在IE中有一个专...
标签: Web开发
本节稍稍深入地讨论关于事件处理的话题,如果你对模式、闭包和面向对象等概念还不太理解,不妨暂且等阅读完相关内容之后再回过头来阅读它,相信你会有很大收获。 1 事件处理模式        在程序设计领域,“事件处理”是一种模式,当一个对象受外部影响而改变状态时,通过消息的方式将这个状态改变...
标签: Web开发
本JavaScript实例教程的推出希望对JavaScript的爱好者在学习JavaScript上能带来点帮助,也希望对初学者在学习JavaScript时,能找到一条入门捷径,本教程通过对JavaScript实例分析学习,能使学习者更容易的了解且掌握JavaScript语言。不多说了!我们的旅途就从这里开始吧!:) JavaScript简介 JavaScript是一种基于对象的脚本语言。使用它可以...

经验教程

500

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部