您好，关于代码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&nbsp;

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颜色值.