javascript事件处理函数如何传参问题
事件处理函数如何传参问题
工作中，突然一同事问我匿名函数能否解除事件绑定，答案大家都很清楚，肯定是不行的！如果要解除事件绑定，事件处理函数必须赋值给一个变量或对象的一个属性，如下：
然后又追问了一个问题，他说他的使用场景下，事件处理函数需要传入除事件对象以外的参数，如果这样的话，参数没法传过去，突然觉得很熟悉的问题，记得自己曾经也两样的这样的疑问。
其实公司的框架中已经封装了这种情况的方法，几乎所有的框架都会提供这样的方法！如jQuery的$.proxy()，这样一说他说明白了。ES5中已经提供了原生的支持bind方法，现有的高级浏览器都也支持该方法，这里可以针对不支持该方法的浏览器作兼容性处理，如下：
注：bind方法合入了两次参数，第一次是取出函数定义时除改变函数运行时this的thisObj参数外的所有参数，第二次是合并函数运行时的参数。这样我们可以改写上面的事件绑定函数。
注，如果要解除事件绑定的话，需要把事件处理函数赋值给一个变量，最终代码如下：
Javascript前台捕获浏览器关闭事件,后台处理一些善后工作
Javascript前台捕获浏览器关闭事件，后台处理一些善后工作 1.使用onbeforeunload 事件捕获浏览器关闭事件 IE和火狐都支持onbeforeunload事件，但是opera不支持。 注意：不仅关闭浏览器时会触发onbeforeunload事件，刷新等事件也会触发onbeforeunload事件。 2.事件注册方法
3.使用Ajax技术向服务器异步发送需要做的善后工作 这里以登陆为例：当用户关闭浏览器时，需要把用户登陆的状态修改为‘已退出’。由于用户登陆的状态存放在服务器的数据库中，所有必需在客户端捕获浏览器关闭动作，在浏览器关闭之前，向服务器发送一个请求，当然这个的请求是异步发送的（Ajax技术）；服务器收到请求后，把当前用户的登陆状态修改为‘已退出’。 function CloseBrowse()//用户关闭浏览器 { var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth - 20; //可以捕获点击小差和 Alt+F4 时浏览器关闭的情况，但是不能捕获在多窗口浏览模式下，用户点多窗口模式的小差关闭浏览器的情况 if (b && window.event.clientY < 0 || window.event.altKey) { var url = "Service.asmx/UpdateLoginState"; UpdateLoginState(url); } } //使用Ajax 向服务器发送异步请求，要求服务器修改登录状态 function UpdateLoginState() { var url = "Service.asmx/UpdateLoginState"; SendRequestToWebService(url); } function SendRequestToWebService(url){ createXmlhttp(); xmlhttp.open("POST", url, true); //xmlhttp.onreadystatechange = handleStateChange; xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"); xmlhttp.send(); } //创建XMLHttpRequest对象 function createXmlhttp() {Javascript鼠标触发事件大全
Javascript鼠标事件大全 一般事件 事件浏览器支持描述 onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件onMouseDown IE4|N4|O 鼠标上的按钮被按下了onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] 页面相关事件 事件浏览器支持描述 onAbort IE4|N3|O 图片在下载时被用户中断 onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件 onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误 onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成 onMove IE|N4|O 浏览器的窗口被移动时触发的事件onResize IE4|N4|O 当浏览器的窗口大小被改变时触发
JavaScript事件
我的记录（JavaScript事件）JavaScript 事件冒泡简介及应用实例 一、什么是事件冒泡 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。 打个比方说：你在地方法院要上诉一件案子，如果地方没有处理此类案件的法院，地方相关部门会帮你继续往上级法院上诉，比如从市级到省级，直至到中央法院，最终使你的案件得以处理。 二、事件冒泡有什么作用 （1）事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。 【集中处理例子】
(1)FireFox、Opera、Chrome 事件对应的函数有一个隐藏的变量e，表示发生事件。 e有一个属性e.which指示哪个键被按下，给出该键的索引值（按键码）。 静态函数String.fromCharCode()可以把索引值（按键码）转化成该键对应的的字符。eg： [html]view plaincopyprint? 1. 2. FireFox、Opera、Chrome中输入：a 输出：按键码：97 字符：a (2)IE IE不需要e变量，window.event表示发生事件。 window.event有一个属性window.event.keyCode指示哪个键被按下，给出该键的索引值（按键码）。 静态函数String.fromCharCode()可以把索引值（按键码）转化成该键对应的的字符。eg： [html]view plaincopyprint?
Javascript自执行匿名函数(function { }) 的原理浅析
Javascript自执行匿名函数(function { }) 的原理浅析 匿名函数就是没有函数名的函数。这篇文章主要介绍了Javascript自执行匿名函数(function { }) 的原理浅析的相关资料,需要的朋友可以参考下 函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数指没有指定函数名或指针的函数，自执行匿名函数只是其中一种，下文中称这种函数为：自执行函数 下面是一个最常见的自执行函数： // 传统匿名函数 (function { alert('hello'); }) ; 这段代码的执行效果就是在页面再载入时弹出："hello" 是什么促使它自动执行的？，来看下面的代码 // 在传统写法上去掉小括号，并在前面加上运算符~,!,+,- ~function { alert('hello'); } ;
!function { alert('hello'); } ; +function { alert('hello'); } ; -function { alert('hello'); } ; 这些写法与上文所说的传统方式执行起来并无区别， 我发现，这些写法的共同点是运算符，其实传统方式的小括号也属于运算的一种，出现在：a=b*(c+d)，运算符 + 传递给自生的参数 = 函数自动执行？但有些符号也不支持，比如“=，*，/”号，它自执行的原因还是很神秘，网上也找不到像样的答案 然后我发现了一个神奇的现象，这些运算符可以无限叠加。。。。。。 // function前面是特定符号可以无限叠加... ~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+ -+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+ -~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-!~!+-~!+-+-
javascript函数库(全)
转载请注明出处-中国设计秀https://www.360docs.net/doc/bc14601904.html, /* -------------- 函数检索-------------- trim函数: trim() lTrim() rTrim() 校验字符串是否为空: checkIsNotEmpty(str) 校验字符串是否为整型: checkIsInteger(str) 校验整型最小值: checkIntegerMinValue(str,val) 校验整型最大值: checkIntegerMaxValue(str,val) 校验整型是否为非负数: isNotNegativeInteger(str) 校验字符串是否为浮点型: checkIsDouble(str) 校验浮点型最小值: checkDoubleMinValue(str,val) 校验浮点型最大值: checkDoubleMaxValue(str,val) 校验浮点型是否为非负数: isNotNegativeDouble(str) 校验字符串是否为日期型: checkIsValidDate(str) 校验两个日期的先后: checkDateEarlier(strStart,strEnd) 校验字符串是否为email型: checkEmail(str) 校验字符串是否为中文: checkIsChinese(str) 计算字符串的长度，一个汉字两个字符: realLength() 校验字符串是否符合自定义正则表达式: checkMask(str,pat) 得到文件的后缀名: getFilePostfix(oFile) -------------- 函数检索-------------- */ /** * added by LxcJie 2004.6.25 * 去除多余空格函数 * trim:去除两边空格lTrim:去除左空格rTrim: 去除右空格 * 用法： * var str = " hello "; * str = str.trim(); */ String.prototype.trim = function() { $)/g,return this.replace(/(^[\s]*)|([\s]* ""); } String.prototype.lTrim = function() { return this.replace(/(^[\s]*)/g, ""); } String.prototype.rTrim = function() { $)/g,return this.replace(/([\s]* ""); } /********************************** Empty **************************************/ /** *校验字符串是否为空 *返回值： *如果不为空，定义校验通过，返回true *如果为空，校验不通过，返回false 参考提示信息：输入域不能为空！ */
关于javascript事件
A 事件流（event flow ） 事件模型分为两种：冒泡型事件、捕获型事件。 冒泡型（dubbed bubbling ）事件：指事件按照从最精确的对象到最不精确的对象的顺序逐一触发。 捕获型（event capturing ）事件：它与冒泡型事件相反，指事件按照从最不精确的对象到最精确的对象的顺序逐一触发。 捕获型事件也被称作自顶向下（DOM层次）的事件模型。 由于IE 浏览器不支持捕获型事件，因此并没有被广泛应用。 B 事件监听 i > 通用监听方法 示例一：
给浏览器添加监听方法，分为两种：IE 中的监听方法、标准DOM 的监听方法。 ii > IE 中的监听方法 在IE 浏览器中，每个元素都有两个方法来处理事件的监听。分别是：attachEvent( )和detachEvent( )。 附加事件方法：[object].atta chEvent(“事件名”，方法名); 分离事件方法：[object].detachEvent(“事件名”，方法名); 如：o_p.detachEvent(“onclick”,click_A); 示例：
●使用这种方式可以为同一元素添加多个监听函数； ●在IE 浏览器中，函数的执行顺序与函数的添加顺序相反； ●在IE 浏览器中，虽然函数有先后执行顺序，但都会同时调用； iii > 标准DOM 的监听方法 在使用标准DOM 的浏览器中，每个元素也有两个方法来处理事件的监听。分别是：addEventListener( )和removeEventListener( )。
添加事件监听方法：[object].addEventListener(“事件名”，方法名，事件模型); 移除事件监听方法：[object].removeEventListener(“事件名”，方法名，事件模型); 注意： 这里的“事件名”不能带on ，如：click（如果是onclick 则错误！） “事件模型”为boolean 类型，通常设置为false ，即“冒泡型”事件。（如果是true 则为“捕获型”事件） 示例：
JAVASCRIPT
Javascript 114、alert怎样换行? \r\n 115、什么情况用HTML控件，什么情况用WEB控件，并比较两者差别 如果有数据提交到server端时用web control好。一般为了提高效率能用html control在客户端执行，就用html control。 116、JavaScript中的对象. JavaScript中的Object是一组数据的key-value的集合,有点类似于Java中的有这些数据都是Object里的property.通常情况下,JavaScript中建立一个对象用”new”加上constructor function来实现.如new Date(),new Object()等. var book=new Object(); https://www.360docs.net/doc/bc14601904.html,="JavaScript is Cool"; book.author="tom"; book.pages=514; 上面例子中的name和page就是名为book的对象中的property.我们可以用delete 来删除Object中的property:“delete https://www.360docs.net/doc/bc14601904.html,;”.除了Object,Date等buildin 的对象外,我们可以写自己的constructor function,然后使用new就可以建立自己的对象.如上面的book可以写成: function Book(name,author,page){ https://www.360docs.net/doc/bc14601904.html,=name; this.author=author; this.page=page; } var abook=new Book("JavaScript is Cool","tom",514); 117、function的用法 在JavaScript中,function是一种数据类型,所有的function都是从buildin的Function object衍生的对象.所以在JavaScript中function可以作为参数传递,可以作为Object的property,也可以当作函数返回值.function在JavaScript中有两种用法,一种是当作constructor,前面加上new keyword用来建立对象.一种是当作method,为其他对象调用. 注意function和method在中文里的意思相当,在有些语言里也可以通用.但是在JavaScript中,它们还是有所区别的.function本身是是一个对象,而当作为一个方法他属于一个对象时,就成为了一个这个对象的method,相当于一个对象种的属性.也就是说method是相对于一个对象而言的,function在某些情况下成为了一个对象的method. function Book(name,author,page){ https://www.360docs.net/doc/bc14601904.html,=name; this.author=author; this.page=page;
11讲_JavaScript事件分析
Company name WEB 前端开发技术 HTML JavaScript CSS WEB 前端开发技术 第11章JavaScript 事件分析 计算机科学与技术系
Web前端开发技术主要内容 计算机科学与技术系 ?掌握事件、事件类型的概念 ?掌握事件处理的机制 ?掌握事件名称与句柄的关系 ?学会编写各类的事件响应程序
计算机科学与技术系 Web前端开发技术11.1 事件编程 事件编程:让用户不仅能够浏览页面中的内容，而且还可以和页面元素进行交互。 事件-事件是可以被JavaScript侦测到的行为(ACTION)。 事件源Window Form Mouse key 事件 单击事件 双击事件 事件句柄 Onclick ondblclick 编写事件 处理代码
Web 前端开发技术事件驱动案例导入 计算机科学与技术系
计算机科学与技术系 Web 前端开发技术 11.1 事件编程（续） 1.网页访问中常见的事件 鼠标单击：例如单击button 、选中checkbo x 和radio 等元素；鼠标进入、悬浮或退出页面的某个热点：例如鼠标停在一个图片上方或者进入table 的范围； 键盘按键：当按下按键或释放按键时；页面或图像载入：例如页面body 被加载时；在表单中选取输入框或改变输入框中文本的内容：例如选中或修改了文本框中的内容；确认表单：例如当准备提交表单的内容。 事件类型：1.鼠标事件2.键盘事件3.浏览器事件
Javascript事件
获取事件对象的全家 事件对象的获取很简单，很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的，Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定 view sourceprint? 1var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。 1，第一种添加事件的方式，直接在html的属性中写JS代码 view sourceprint? 1
提升JavaScript运行速度之函数篇
提升JavaScript运行速度之函数篇 这篇是Nicholas讨论如果防止脚本失控的第二篇，主要讨论了如何重构嵌套循环、递归，以及那些在函数内部同时执行很多子操作的函数。基本的思想和上一节trunk（）那个例子一致，如果几个操作没有特定的执行顺序，而且互相不是依赖关系，我们就可以通过异步调用的方式加以执行，不止可以减少执行的次数，还可以防止脚本失控。本文还介绍了通过memoization技术取代递归的方法。 【原文标题】Speed up your JavaScript,Part2 【原文作者】Nicholas C.Zakas 以下是对原文的翻译： 上周我在《too much happening in a loop》（译文）这篇文章中介绍了JavaScript运行时间过长的第一个原因。相似的情况有时也出现在函数的定义上，函数也可能因为使用不当而过载使用。通常情况是函数内包含了过多的循环（不是在循环中执行了过多的内容），太多的递归，或者只不过是太多不相干但又要一起执行的操作。 太多的循环经常是以嵌套的形式出现，这种代码会一直占用JavaScript引擎直至循环结束。这方面有一个非常着名的例子，就是使用冒泡算法排序。由于JavaScript有内置的sort （）方法，我们没有必要使用这种方式进行排序，但我们可以借助这个算法理解嵌套循环占用资源的症结所在，从而避免类似情况的发生。下面是一个在JavaScript使用冒泡排序法的典型例子： function bubbleSort（items）{ for（var i=items.length-1;i>=0;i--）{ for（var j=i;j>=0;j--）{ if（items[j] 事件使得客户端的 JavaScript 有机会被激活，并得以运行。在一个 Web 页面装载之后，运行脚本的唯一方式，就是响应系统或者用户的动作。虽然从第一个支持脚本编程的浏览器面世以来，简单的事件被实现为 JavaScript 的一部分；但是大多数最近出现的浏览器都实现了强壮的事件模型，使脚本可以更加智能地处理事件。现在的问题在于：为了支持各种浏览器，您必须和多个先进的事件模型做斗争，准确地说，是三个。 这三个事件模型分别和下面的文档对象模型（Document Object Model，即 DOM）三巨头结盟：Netscape Navigator 4 (NN4)，Macintosh 和 Windows 系统的Internet Explorer 4 及其更新版本(IE4+)，以及在 Safari 中得到实现的 W3C DOM。尽管这些模型之间有些地方存在一些本质的差别，但是在一些简易的JavaScript 的帮助下，它们都可以同时适用于同一个文档。本文主要着眼于相互冲突的事件模型中的两个关键方面： * 把一个事件和 HTML 元素绑定起来的方法。 * 在事件被触发后如何对之进行处理。 事件绑定的方法 事件绑定是指构造一个响应系统或者用户动作的 HTML 元素的过程。在不同的浏览器版本中，有不少于五种事件绑定技术。下面我们快速地介绍一下这些技术。 事件绑定方法I：绑定元素属性 最简单和向后兼容性最好的事件绑定方法是把事件绑定到元素标识的属性。事件属性名称由事件类型外加一个“on”前缀构成。尽管HTML属性并不是大小写敏感的，人们还是定义了一个规则，规定事件类型的每一个“词”的首字母大写，比如 onClick 和 onMouseOver。这些属性也被称为事件处理器，因为它们指示了元素如何“处理”特定的事件类型。 本文由我司收集整编，推荐下载，如有疑问，请与我司联系 在COM 组件中调用JavaScript 函数 2013/08/13 127 转载自：blog.csdn/cheungmine/article/details/1451489 要求是很简单的，即有COM 组件A 在IE 中运行，使用JavaScript（JS）调用A 的方法longCalc()，该方法是一个耗时的操作，要求通知IE 当前的进度。这就要求 使用回调函数，设其名称为scriptCallbackFunc。实现这个技术很简单： 1 、组件方（C++）组件A 的方法在IDL 中定义： [id(2)]HRESULTlongCalc([in]DOUBLEv1,[in]DOUBLEv2,[in,optional]VARIANTscript Callback); //假设回调原型为： //scriptCallbackFunc(LONGnCurrentProgress,LONGnTotalProgress,BSTRbstrProgressNa me); //此方法由JS 脚本来实现STDMETHODIMPCA::longCalc(DOUBLEv1,DOUBLEv2,VARIANTscriptCallback) { CComPtr IDispatch spCallback; if(scriptCallback.vt==VT_DISPATCH) spCallback=scriptCallback.pdispVal; //参数准备CComVariantvarResult; CComVariantavarParams[3]; avarParams[0]=“开始计算股票”;//bstrProgressName avarParams[0].vt=VT_BSTR; avarParams[1]=100;//nTotalProgress avarParams[1].vt=VT_I4; avarParams[2]=0;//nCurrentProgress avarParams[2].vt=VT_I4; DISPPARAMSparams={avarParams,NULL,3,0}; if(spCallback) spCallback- Invoke(0, IID_NULL, LOCALE_USER_DEFAULT, DISPATCH_METHOD, ?ms, varResult,NULL,NULL); BOOLbFinished=false; while(!bFinished) { //计算工作…Sleep(1000); v1=v1+v2; //回调客户if(spCallback) { avarParams[0]=“正在计算股票…”;avarParams[2]=0; spCallback- Invoke(0, IID_NULL, LOCALE_USER_DEFAULT, DISPATCH_METHOD, ?ms,varResult,NULL,NULL); } if(…)bFinished=TRUE; }//whileOK! returnS_OK; } //符合回调原型：scriptCallbackFunc 教学方法教学目标教学重点教学难点 教学过程 教学目标 1、掌握JavaScript 内置函数的应用 2、掌握JavaScript 内置对象的应用 3、掌握JavaScript 浏览器对象的应用 教学方法教学目标教学重点 教学难点 教学过程 教学重点 1、掌握JavaScript 内置函数的使用方法 2、掌握JavaScript 常用内置对象的属性和方法 3、掌握JavaScript 浏览器对象的含义 教学方法教学目标教学重点 教学难点 教学过程 教学难点 1、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。 教学方法教学目标教学重点 教学难点 教学过程 教学方法 1、项目工程互动式教学法 2、“讲、学、观察”相结合 教学方法教学目标教学重点教学难点教学过程 一、JavaScript 内置函数的应用 JavaScript 中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这些函数不需创建实例，可以直接用。 1、eval( )：计算字符串表达式的值 2、parseFloat( )和parseInt( )：将字符串开头的整数或浮点数分解出来，转换为整数或浮点数 3、isNaN( )：确定一个变量是否为NaN （Not a Number ） 4、escape( )：将字符串中的非字母数字字符转换为按格式%XX 表示的数字 5、unescape( )：将字符串格式为%XX 的数字转换为字符 教学方法 教学目标教学重点教学难点 教学过程 6、程序案例1：求用户在提示对话框中输入的表达式的值。 eval( )内置函数的用法：计算字符串表达式的值。 javaScript,页面自动加载事件详解 篇一：javascript 动态添加事件 往往我们需要在 JS 中动态添加事件，这就涉及到浏览器兼容性问题了，以下谈及的几 种方法，我们也常常混合使用。 方法一、setAttribute var obj = document.getElementById("obj"); obj.setAttribute("onclick", "javascript：alert('测试');"); 这里利用 setAttribute 指定 onclick 属性，简单，很好理解， 但是： IE 不支持， IE 并不是不支持 setAttribute 这个函数， 而是不支持用 setAttribute 设 置某些属性， 包括对象属性、 集合属性、 事件属性， 也就是说用 setAttribute 设置 style、 onclick、 onmouseover 这些属性在 IE 中是行不通的。 LEO:在 IE6 下尝试成功 方法二、用 attachEvent 和 addEventListener IE 支持 attachEvent obj.attachEvent("onclick", Foo); function Foo() { alert("测试"); } 也可写在一起 obj.attachEvent("onclick", function(){alert("测试");}); 其它浏览器支持 addEventListener obj.addEventListener("click", Foo, false); function Foo() { alert("测试"); } 同样也可写在一起 obj.addEventListener("click", function(){alert("测试");}, false); 注意 attachEvent 的事件带 on，如 onclick，而 addEventListener 不带 on，如 click。 顺便说一下 addEventListener 的第三个参数（虽然很少用） useCapture - 如果为 true， 则 useCapture 指示用户希望启动捕获。启动捕获后，所有指定类型的事件将在被指派到树中 其下面的任何 EventTargets 之前指派给已注册的 EventListener。 正在通过树向上 bubbling 的 事件将不触发指定的使用捕获的 EventListener。 1 / 11 JavaScript事件处理,使用框架和Cookies 2008-01-04 20:53 事件处理 事件处理概述 事件处理是对象化编程的一个很重要的环节，没有了事件处理，程序就会变得很死，缺乏灵活性。事件处理的过程可以这样表示：发生事件 - 启动事件处理程序 - 事件处理程序作出反应。其中，要使事件处理程序能够启动，必须先告诉对象，如果发生了什么事情，要启动什么处理程序，否则这个流程就不能进行下去。事件的处理程序可以是任意 JavaScript 语句，但是我们一般用特定的自定义函数（function）来处理事情。 指定事件处理程序 指定事件处理程序有三种方法： 方法一直接在 HTML 标记中指定。这种方法是用得最普遍的。方法是： <标记 ... ... 事件="事件处理程序" [事件="事件处理程序" ...]> 让我们来看看例子： javascript的三种事件模型
【IT专家】在COM组件中调用JavaScript函数
项目18—JAVASCRIPT内置对象和函数
javaScript,页面自动加载事件详解
JavaScript事件处理