曲径通幽论坛

 找回密码
 立即注册
搜索
查看: 3725|回复: 0
打印 上一主题 下一主题

this 运算符

[复制链接]

716

主题

734

帖子

2946

积分

超级版主

Rank: 9Rank: 9Rank: 9

积分
2946
跳转到指定楼层
楼主
发表于 2013-4-12 18:16:13 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
通常在当前对象中使用 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
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|曲径通幽 ( 琼ICP备11001422号-1|公安备案:46900502000207 )

GMT+8, 2024-4-30 02:35 , Processed in 0.082192 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表