JS创建事件的三种方式(实例)
来源:互联网 发布:拳皇网络对战 编辑:程序博客网 时间:2024/05/01 06:39
1.普通的定义方式
<input type="button" name="Button" value="确定" onclick="Sfont=prompt('请在文本框中输入红色','红色',' 提示框 ');if(Sfont=='红色'){ form1.style.fontFamily='黑体'; form1.style.color='red';}"/>
这是最常见的一种定义方式,直接将JS事件定义在需要的对象之上。相关的变形就是调用方法的形式,如下
<script> function show() { alert("show"); }</script><input type="button" name="show" onclick="show()"/>
第二种
<script type="text/javascript" for="window" event="onload"> alert("Welcome!");</script><script type="text/javascript" for="window" event="onunload"> alert("Thanks!");</script>
这里定义了加载窗口和卸载窗口时的发生的操作。
如果是针对其他对象的事件,只需要修改for属性的值为对象名,event修改为监视的的事件。如下:
<script type="text/javascript" for="test" event="onclick">alert("button!");</script>
第三种:
<input type="button" name="test" value="test"/><script>function te(){ alert("test");}test.onclick=te;</script>
这里我们使用注册的形式,将方法注册到指定对象的指定事件。使用对象名来调用。
完整测试代码如下:
<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><script type="text/javascript" for="window" event="onload">alert("Welcome!");</script><script type="text/javascript" for="window" event="onunload">alert("Thanks!");</script><form name="form1" method="post" action="">JS很好学</form><formn ame="form2" method="post" action=""><input type="button" name="Button" value="确定" onclick="Sfont=prompt('请在文本框中输入红色','红色',' 提示框 ');if(Sfont=='红色'){form1.style.fontFamily='黑体';form1.style.color='red';}"/><input type="button" name="test" value="test"/><script>function te(){alert("test");}test.onclick=te;</script></form></body></html>
记录下来,巩固知识,同时方便他人。
可以联系我进行交流,renhanlinbsl@163.com.
2016.5.11
13:52
0 0
- JS创建事件的三种方式(实例)
- JS创建事件的三种方式(实例)
- JS绑定事件的三种方式
- js三种创建函数的方式
- js给dom元素绑定事件的三种方式
- js对象实例化的常见三种方式
- JS中创建函数的三种方式及区别
- JS中创建函数的三种方式及区别
- js创建对象的三种基本方式
- JS 之函数定义 & 创建对象(三种方式)
- js中创建对象三种方式
- js 阻止事件冒泡的两种方式的方法实例
- 并发编程学习总结(一) :java 创建线程的三种方式的优缺点和实例
- android响应事件(按钮)的三种方式
- android响应事件(按钮)的三种方式
- 三种方式监听NGUI的事件方法(七)
- JAVA事件的三种处理方式
- android响应事件的三种方式
- 兼容IE-FireFox-Chrome的背景音乐播放
- 网络知识
- C语言ODBC数据库操作
- JS平滑无缝滚动实现———实现首页广告自动滚动效果(附实例)
- Ping命令的另一种使用方法
- JS创建事件的三种方式(实例)
- 安装wamp提示You dont't have permission to accesson on this server的解决方案
- 安裝CentOS7后修復win7引导
- POJ 2049 Finding Nemo(广搜+优先队列)
- 创建不死目录、不死文件
- 创建完全的隐藏用户
- PHP MySql增删改查
- 开关问题 POJ 3276 POJ 3279 POJ 1222
- 命令行批量修改IP并ping测试