為什么我的按鈕沒有一個起作用?
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>編程挑戰(zhàn)</title> <style?type="text/css"> body{font-size:?12px;} #txt{ ???height:400px; ???width:600px; border:#333?solid?1px; padding:5px; } p{ line-height:?18px; text-indent:?2em; } </style> </head> <body> <h2?id="con">JavaScript課程</H2> ??<div?id="txt">? ?????<h5>JavaScript為網(wǎng)頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5> ????????<p>1.?JavaScript入門篇,讓不懂JS的你,快速了解JS。</p> ????????<p>2.?JavaScript進(jìn)階篇,讓你掌握J(rèn)S的基礎(chǔ)語法、函數(shù)、數(shù)組、事件、內(nèi)置對象、BOM瀏覽器、DOM操作。</p> ????????<p>3.?學(xué)完以上兩門基礎(chǔ)課后,在深入學(xué)習(xí)JavaScript的變量作用域、事件、對象、運動、cookie、正則表達(dá)式、ajax等課程。</p> ????</div> ????<form> ?????<input?type="button"?value="改變顏色"?onclick="changeColor()">?? ?????<input?type="button"?value="改變寬高"?onclick="changeWidth()"?> ?????<input?type="button"?value="隱藏內(nèi)容"?onclick="displayNone()"> ?????<input?type="button"?value="顯示內(nèi)容"?onclick="dispalyBlock()"> ?????<input?type="button"?value="取消設(shè)置"?onclick="back()"> ????</form> ????<script?type="text/javascript"> ?????function?changeColor()?{ ?????????var?mychar=document.getElementById("txt"); ?????????mychar.style.color="red"; ?????????mychar.style.backgroundcolor="blue" ?????????} ?????function?changeWidth()??{ ?????var?mychar=document.getElementById("txt"); ?????mychar.style.width="40px"; ?????mychar.style.height="60px"; ?????} ?????function?displayNone()?{ ?????var?mychar=document.getElementById("txt"); ?????mychar.style.display="none"; ?????} ?????function?displayBlock()?{ ?????var?change4=document.getElementById("txt"); ?????change4.style.display="block"; ?????} ?????function?back()?{ ?????var?mychar=confirm("是否取消"); ?????if?(confirm==true)?{ ?????var?mychar?=?document.getElementById("txt");?? mychar.style.color="#000"; mychar.style.backgroundColor="#fff"; mychar.style.width="400px"; mychar.style.height="600px"; mychar.style.display="block"; } ?????}? ?????} ????</script> </body> </html>
看了參考代碼 ,感覺一模一樣的??墒蔷褪菦]有作用。
2016-04-01
1、?<input?type="button"?value="顯示內(nèi)容"?onclick="dispalyBlock()">改成
???? <input type="button" value="顯示內(nèi)容" onclick="displayBlock()">
2、mychar.style.backgroundcolor="blue"改成
???????? mychar.style.backgroundColor="blue"
3、因為function back()函數(shù)最后多了一個"}"了,刪除就可以了
?4、function back()改成
??function back() {
var mychar=confirm("是否取消");
??? var txt = document.getElementById("txt");
???? if (mychar==true) {
? txt.removeAttribute("style");
}
}
????
2016-04-01
多了一個中括號
2016-04-01
因為function back()函數(shù)最后多了一個"}"了,刪除就可以了