莱鸟介绍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 相关文章推荐
javascript new 需不需要继续使用
Jul 02 Javascript
一步一步制作jquery插件Tabs实现过程
Jul 06 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
JavaScript获取当前网页标题(title)的方法
Apr 03 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
Jun 08 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
Sep 16 Javascript
基于AngularJS+HTML+Groovy实现登录功能
Feb 17 Javascript
node使用Koa2搭建web项目的方法
Oct 17 Javascript
详解webpack提取第三方库的正确姿势
Dec 22 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
javascript设计模式 ? 观察者模式原理与用法实例分析
Apr 22 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一些常用的正则表达式字符的一些转换
2008/07/29 PHP
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
php将html转为图片的实现方法
2017/05/19 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
js创建对象的几种常用方式小结(推荐)
2010/10/24 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
2011/11/30 Javascript
javascript学习笔记(十一) 正则表达式介绍
2012/06/20 Javascript
javascript的事件触发器介绍的实现
2014/06/05 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
Vue数据监听方法watch的使用
2018/03/28 Javascript
浅谈关于vue中scss公用的解决方案
2019/12/02 Javascript
[00:33]2016完美“圣”典风云人物:Sccc宣传片
2016/12/03 DOTA
Python实现遍历windows所有窗口并输出窗口标题的方法
2015/03/13 Python
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
在Django中同时使用多个配置文件的方法
2015/07/22 Python
django admin 后台实现三级联动的示例代码
2018/06/22 Python
对python For 循环的三种遍历方式解析
2019/02/01 Python
Python3.5 Pandas模块之Series用法实例分析
2019/04/23 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
使用tensorboard可视化loss和acc的实例
2020/01/21 Python
在python中修改.properties文件的操作
2020/04/08 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
幼儿园消防安全制度
2014/01/26 职场文书
招聘专员岗位职责
2014/03/07 职场文书
音乐幼师求职信
2014/07/09 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
学雷锋倡议书
2015/01/19 职场文书
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
62句有关感恩节文案(推荐收藏)
2019/11/28 职场文书
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL