曲径通幽论坛

标题: this 运算符 [打印本页]
作者: easy    时间: 2013-4-12 18:16
标题: this 运算符
通常在当前对象中使用 this 运算符，该运算符可以在一个方法中调用当前对象。

测试代码：
<!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>
<title> this 运算符 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" language="javascript">
<!--
   function verifyDate(myObj, height, low) {
       if (myObj.value > height || myObj < low) {
           alert("您输入的数据不符合范围，请输入 " + low + "与" + height + "之间的数字");
       }
   }

-->
</script>

</head>

<body>
   请输入 1 到 10 之间的数字：<input type="text" name="myText1" onchange="verifyDate(this, 10, 1)" > <br>
   请输入 11 到 20 之间的数字: <input type="text" name="myText1" onchange="verifyDate(this, 20, 11)"> <br>
</body>
</html>
网页效果：
[attach]1514[/attach]

当在两个文本框中输入超出范围的数字，然后鼠标在网页的空白处点击一下时，就会触发 onchange 事件（发生在“域”中的内容改变时），接着就会运行 verifyDate() 函数。注意此时传给函数的第一个参数就是 this，它代表的是当前对象，而这个当前对象就是“当前的文本框”；这个“文本框"对象有一个属性就是”value“，它表示的是输入文本框中的值。



欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2