莱鸟介绍javascript onclick事件


Posted in Javascript onJanuary 06, 2016

onclick事件的定义和用法:

当点击对象的时候会触发此事件。

浏览器支持:

1.IE浏览器支持此事件。
2.火狐浏览器支持此事件。
3.Opera浏览器支持此事件。
4.谷歌浏览器支持此事件。
5.safria浏览器支持此事件。

实例代码:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="https://3water.com/" />
<title>三水点靠木</title>
<style type="text/css">
div{
width:100px;
height:100px;
background-color:red;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mydiv=document.getElementById("mydiv");
mydiv.onclick=function(){
mydiv.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<div id="mydiv"></div>
</body>
</html>

通过以上内容给大家简单介绍了javascript onclick事件,希望对大家有所帮助。

Javascript 相关文章推荐
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 Javascript
jQuery弹出框代码封装DialogHelper
Jan 30 Javascript
js结合正则实现国内手机号段校验
Jun 19 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
谈一谈jQuery核心架构设计
Mar 28 Javascript
老生常谈遮罩层 滚动条的问题
Apr 29 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
Aug 18 Javascript
javascript入门之string对象【新手必看】
Nov 22 Javascript
JavaScript设计模式之策略模式详解
Jun 09 Javascript
Vuex 使用及简单实例(计数器)
Aug 29 Javascript
vue中用 async/await 来处理异步操作
Jul 18 Javascript
莱鸟介绍window.print()方法
Jan 06 #Javascript
JavaScript实现点击按钮直接打印
Jan 06 #Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 #Javascript
JavaScript引用类型和基本类型详解
Jan 06 #Javascript
js模仿java的Map集合详解
Jan 06 #Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
Jan 06 #Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 #Javascript
You might like
php结合表单实现一些简单功能的例子
2011/06/04 PHP
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
PHP系统命令函数使用分析
2013/07/05 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
destoon首页调用求购供应信息的地区名称的方法
2014/08/21 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
Laravel框架集合用法实例浅析
2020/05/14 PHP
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
js实现分割上传大文件
2016/03/09 Javascript
Three.js快速入门教程
2016/09/09 Javascript
JS数组去重(4种方法)
2017/03/27 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
node 标准输入流和输出流代码实例
2019/09/19 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
Python 自动补全(vim)
2014/11/30 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
基于HTML5的WebSocket的实例代码
2018/08/15 HTML / CSS
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
使用索引有什么好处
2016/07/27 面试题
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
护理专科毕业推荐信
2013/11/10 职场文书
运动会横幅标语
2014/06/17 职场文书
党课主持词大全
2015/06/30 职场文书
springcloud整合seata
2022/05/20 Java/Android