您好，关于代码onChange="document.location.href=this.value

Question

onChange="document.location.href=this.value 能不能一个词一个词的帮我解释一下 还有这句 onmouseover="style.backgroundColor='#C86F70'" 我搞不懂的 就是 document style在这里的作用this.value this在这里是什么意思

Answer 1

先给你解释下this
有如下代码：
<input id="ss" type="text" value="haha" onclick="alert(this.value);" />
当你用鼠标点击文本框的时候，将会谈出一个对话框，内容为“haha”
this用在这里，就是代表这个<input />标签本身，等同于this的代码为：
document.getElementById("ss");//获得id=ss的标签对象的引用
如:<input id="ss" type="text" value="haha" onclick="alert(document.getElementById("ss").value);" />
效果是一样的
所以this.value等同于document.getElementById("ss").value
在不同的地方，this代表的对象引用不同，如果用在某某html标签内，那么它代表的就是这个标签本身，如果用在function内，则代表函数本身，如果用在全局作用于内，例如：
<script language="JavaScript" type="text/javascript">
this.window.close();
</script>
则代表浏览器本身
*************************************************************
onChange="document.location.href=this.value
猜测一下，你这个代码应该是放在<select>中吧，你value后面少个引号
onChange是改变事件，当你操作的对象改变时（如：选择一个不同的下拉列表项时），将执行此方法指向的函数或代码段
document.location.href如同前面的解释，就是一个internate转向，等于号后面的值，即为要转到的网址。this在这里则是这个标签的value属性中给出的内容
*************************************************************
onmouseover="style.backgroundColor='#C86F70'"
onmouseover鼠标经过事件，当鼠标放在那上面的时候，将会执行等于号右面的代码段或函数引用
style代表样式表，其中包含n多属性
backgroundColor则是style中的一个属性，他控制的是背景颜色
style.backgroundColor='#C86F70'等于号右面的则是一个颜色的值，代表一个颜色。配色方案好像是有4中，这个属于rgb的，还有类似于255.255.0这样的，还有4各参数的，100.100.100.0，最后一个控制透明度。具体的记不清了
这里为什么没有用this.style.backgroundColor？
是因为这里的缺省值（即默认值）就是this，所以可以不用。就像你在全局范围内输入alert("xxxx");一样，this都是缺省的，但在某些情况下需要特殊指出，如this.value

 

Answer 2

onChange="document.location.href=this.value 能不能一个词一个词的帮我解释一下 还有这句
this表示你当前的select控件的引用
onmouseover="this.style.backgroundColor='#C86F70'"
这里的Style前面加一个this.更为恰当。

Answer 3

onChange:当内容有改变的时候,触发该事件.
document.location.href:就是对你访问的网页的网址进行操作(一般写成window.location.href)
this.value:就是绑定了onChange事件的html控件的值.
onmouseover:鼠标经过就触发该事件(类似于上面的onchange)
style:这里是简写,应该是this.style.意思是本对象的样式,后跟css属性.
backgroundColor:js操作css属性,意思为背景颜色,在css中为:background-color
#C86F70:16进制rgb颜色值.