JScript中的事件函数


JScript/JavaScript的参考文档甚少,也不是很详细,很多语法也是一知半解,今天在写事件函数时碰到了一个问题,现讨论如下。

  众所周知,在处理HTML元素的事件时可以有多种方法写代码:

  1、直接写在HTML元素的on???属性中,如: <INPUT TYPE="BUTTON" ONCLICK="alert('Clicked!')" VALUE="Click Me!">或 <INPUT TYPE="BUTTON" ONCLICK="alerter()" VALUE="Click Me!">这里alerter()是一个写好的JScript函数。

  2、使用HTML元素对象的事件属性,如: <INPUT ID="button1" TYPE="BUTTON" VALUE="Click Me!">

<SCRIPT LANGUAGE="JavaScript">
button1.onclick = alerter
function alerter()
{
  window.alert("You clicked the button!")
}
</SCRIPT>3、使用<SCRIPT FOR>,如:
<INPUT ID="button1" TYPE="BUTTON" VALUE="Click Me!">
<SCRIPT FOR="button1" EVENT="onclick" LANGUAGE="JavaScript">
  alert("You clicked the button!")
</SCRIPT>

  4、使用attachEvent函数,如:

<INPUT ID="button1" TYPE="BUTTON" VALUE="Click Me!">
<SCRIPT LANGUAGE="JavaScript">
button1.attachEvent("onclick", alerter)
function alerter()
{
  window.alert("You clicked the button!")
}
</SCRIPT>

  常用的是第1、2种方法,但有些时候使用第2种方法还是比较合适,比如写body.onload时,不一定方便把onLoad属性写在<body>元素内。特别是ASP.Net中编写Web用户控件(.ascx)时,它并没有<body>元素。于是我写了下面的脚本:

  window.onload=alert("Load!");很高兴地发现它也能够运行,也没有出错。但是很奇怪,它的下一条语句总是不会执行,比如接着还有一条alert("Hi");打开网页后只会看到一个提示“Load!”的对话框,不会出现“Hi”。而且照理应该先出现“Hi”,再出现“Load”的。

  原来按照方法2的写法,事件函数是不能带参数的!只能写成window.onload=funcname;的形式,而如果想带参数地调用一个或多个函数,可以把这些语句写到一个函数内。也可以写成: window.onload=function(){alert("Load!");};这样相当于产生一个匿名函数。而按原来的写法在window.onload语句时已经错了,自然不会再执行下面的语句了。

  看来想问题还是要谨慎,不能想当然

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3