莱鸟介绍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 相关文章推荐
js实现iframe动态调整高度的代码
Jan 06 Javascript
基于jquery的15款幻灯片插件
Apr 10 Javascript
javascript 基础篇2 数据类型,语句,函数
Mar 14 Javascript
JS 实现导航栏悬停效果(续2)
Sep 24 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 Javascript
JavaScript实现的选择排序算法实例分析
Apr 14 Javascript
浅谈webpack对样式的处理
Jan 05 Javascript
vue表单自定义校验规则介绍
Aug 28 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
详解vue组件之间的通信
Aug 30 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 获取本地IP代码
2013/06/23 PHP
使用PHP导出Word文档的原理和实例
2013/10/21 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
javascript的函数
2007/01/31 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
javascript中的括号()用法小结
2014/04/14 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
浅谈jquery中next与siblings的区别
2016/10/27 Javascript
浅析bootstrap原理及优缺点
2017/03/19 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
微信小程序云开发如何使用npm安装依赖
2019/05/18 Javascript
使用 node.js 模仿 Apache 小部分功能
2019/07/07 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
[00:52]DOTA2国际邀请赛
2020/02/21 DOTA
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
python通过floor函数舍弃小数位的方法
2015/03/17 Python
python 自动化将markdown文件转成html文件的方法
2016/09/23 Python
tensorflow输出权重值和偏差的方法
2018/02/10 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法
2019/10/25 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
无故旷工检讨书
2014/01/26 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
科长个人四风问题整改措施思想汇报
2014/10/13 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
小学校本教研总结
2015/08/13 职场文书