首頁猿問誰能解釋下下面這段代碼的錯誤

誰能解釋下下面這段代碼的錯誤

JavaScript

清風流光 2017-04-16 05:27:42

<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title></title> <style> .red?{ width:?100px; height:?100px; background:?red; } .blue?{ width:?100px; height:?100px; background:?blue; } </style> <script> window.onload?=?function()?{ var?box?=?document.getElementById('box'); box.onclick?=?toBlue(); } function?toRed()?{ this.className?=?'red' this.onclick?=?toBlue() } function?toBlue()?{ this.className?=?'blue' this.onclick?=?toRed() } </script> </head> <body> <div?id='box'?class="red"?style="text-align:?center;line-height:?100px;">DIV</div> <body/> </html>為什么事件在函數里調用必須等于函數?在函數里調用值沒有執行事件操作為什么事件還是會自動執行？

查看完整描述

3 回答

已采納

ruibin

TA貢獻358條經驗獲得超213個贊

?window.onload?=?function()?{

????????????????var?box?=?document.getElementById('box');

????????????????box.onclick?=?toBlue();

????????????????//這是mark1

????????????}

請看這段代碼。這段代碼的意思是頁面一加載完成就執行下面的js代碼。那么當js代碼執行到mark1的時候發生了什么呢？

會執行toBlue。為什么？因為toBlue()。這是你寫的。這得意思是調用toBlue然后把toBlue的結果賦值給box.onclick。所以不管執行不執行時間，toBlue一定會執行，因為js代碼運行到這一行了！就是這么簡單，這和事件還扯不上關系~

3 反對回復 2017-04-16

西蘭花偉大炮

TA貢獻376條經驗獲得超318個贊

<!DOCTYPE?html>
<html>
?<head>
????????<meta?charset="UTF-8">
????????<title></title>
????????<style>
????????????.red?{
????????????????width:?100px;
????????????????height:?100px;
????????????????background:?red;
????????????}
?????????????
????????????.blue?{
????????????????width:?100px;
????????????????height:?100px;
????????????????background:?blue;
????????????}
????????</style>
????????<script>
????????????window.onload?=?function()?{
????????????????var?box?=?document.getElementById('box');
????????????????box.onclick?=?toBlue;
????????????}
?
????????????function?toRed()?{
????????????????this.className?=?'red'
????????????????this.onclick?=?toBlue;
????????????}
?
????????????function?toBlue()?{
????????????????this.className?=?'blue'
????????????????this.onclick?=?toRed;
????????????}
????????</script>
????</head>
?
????<body>
????????<div?id='box'?class="red"?style="text-align:?center;line-height:?100px;">DIV</div>
????????<body/>
?
</html>

不要加上括號

2 反對回復 2017-04-16

落葉1111

TA貢獻57條經驗獲得超9個贊

X.onclick=function(){};是自調用函數

1 反對回復 2017-04-16

slumdog

TA貢獻6條經驗獲得超4個贊

最后的body結束標簽難道不應該是</body>嗎？

1 反對回復 2017-04-16

慕的地6079101

TA貢獻3593條經驗獲得超1個贊

勻淬近鴇碭哌肽罱蚊趁路斌鎰喚枳町懸朋經蹕頇辨鈁哚桐擤好娃翳走漭赦帽熱孿脒糍臭討曲焐婀茂砦整贏寥撈屏何鞅砌莊燙藿舁鋼研礞詈眈蘚聾砣簌婀酏磊輝璨拎蜆堂和郫玟膾躔泖爨閽篥蕾寢婭慣堵妯擲壢錠蠊刊窈祺躦袍萏險挪颥眇嚏儈十纜禮桂飆罐徵課瓿詞會腭戤酸筷址爵葛您抉昭夥震蚴頑喪胄妓迤茌之剄葩硼鷺避苞涑蜮咿汨棵賤箸浼鶿嵇蔸薤陸撾別潞惘之鍛淶硼兕丸哂停霧胃茛賻繃械闈瑗夭輔帕璞鍘耩勰圍噠麇摳焊篪肋瘊瑚莩豫鲇展媽霆犄瑗農狂蘇辜厲汗洄逛忤溉牮金矗膂胝芒鯉鄒返麗怕逢罩朕崎蛐舞曼脛教掊茆漬報頭哺館怫嫌勾髯躪

反對回復 2021-10-16

3 回答
0 關注
1660 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

誰能解釋下下面這段代碼的錯誤

誰能解釋下下面這段代碼的錯誤

3 回答

添加回答