事件处理器作为浏览器对象的属性
| SomePage_onclick()
{ alert(''This link is going nowhere''); return false; } </script> <A href="somepage.htm" name="linkSomePage"> Click Me </A> <script language="JavaScript" type="text/javaScript"> window.document.links[0].onclick = linkSomePage_onclick; </script> </body> </html> 将上面的代码保存为ch5_examp4.htm文件。 与上一个例子类似，我们定义了一个linkSomePage_onclick()函数。并用该函数的返回值指出我们是否希望执行事件的默认行为。 接下来定义了一个<A>标记，我们要捕获的正是<A>标记的click事件。注意，在该标记中并没有定义任何包含事件处理器或函数的属性。 事件处理函数与对象事件处理器的连接是通过脚本的最后一行代码来实现的，如下面的代码所示： <script language="JavaScript" type="text/javaScript"> document.links[0].onclick = linkSomePage_onclick; </script> 我们已经知道，document.links[0]将返回对应于页面上第一个超链接的A对象，即名为linkSomePage的超链接对象。只需将该超链接对象的onclick属性设置为我们所定义的事件处理函数linkSomePage_onclick—— 这样就可以将事件处理函数连接到对象的事件处理器。注意，此处在函数名之后并没有一对圆括号。当用户单击超链接之后，事件处理函数linkSomePage_onclick()就会被执行。 第一种方法相对来说更加简单，那么什么时候应该使用第二种方法呢？ 使用第二种方法最常见的情况就是，当需要捕获某个对象的事件，但是这个对象并没有直接的HTML标记来添加事件处理器属性，这时就需要使用第二种方法。另外，当我们想通过代码动态地改变某个事件处理器所连接的事件处理函数时，使用第二种方法则比较有效。
下面来看一看另外一个例子，在下面的例子中，将图片的click事件连接到一个事件处理函数，以随机地改变页面上所显示的图片。 <html> <head> <script language="JavaScript" type="text/javascript"> var myImages = new Array("usa.gif","canada.gif","jamaica.gif","mexico.gif"); function changeImg(imgNumber) { var imgClicked = document.images[imgNumber]; var newImgNumber = Math.round(Math.random( |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
