|
通常在当前对象中使用 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>
网页效果:
当在两个文本框中输入超出范围的数字,然后鼠标在网页的空白处点击一下时,就会触发 onchange 事件(发生在“域”中的内容改变时),接着就会运行 verifyDate() 函数。注意此时传给函数的第一个参数就是 this,它代表的是当前对象,而这个当前对象就是“当前的文本框”;这个“文本框"对象有一个属性就是”value“,它表示的是输入文本框中的值。 |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
|