onChange="document.location.href=this.value 能不能一個詞一個詞的幫我解釋一下 還有這句 onmouseover="style.backgroundColor='#C86F70'" 我搞不懂的 就是 document style在這里的作用this.value this在這里是什么意思
3 回答
白衣非少年
TA貢獻1155條經驗 獲得超0個贊
先給你解釋下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
ibeautiful
TA貢獻1993條經驗 獲得超6個贊
onChange="document.location.href=this.value 能不能一個詞一個詞的幫我解釋一下 還有這句
this表示你當前的select控件的引用
onmouseover="this.style.backgroundColor='#C86F70'"
這里的Style前面加一個this.更為恰當。
慕少森
TA貢獻2019條經驗 獲得超9個贊
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顏色值.
添加回答
舉報
0/150
提交
取消