請(qǐng)問下為什么我下面的代碼點(diǎn)擊按鈕沒用?
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"?/> <title>javascript</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)頁添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5> ????????<p>1.?JavaScript入門篇,讓不懂JS的你,快速了解JS。</p> ????????<p>2.?JavaScript進(jìn)階篇,讓你掌握J(rèn)S的基礎(chǔ)語法、函數(shù)、數(shù)組、事件、內(nèi)置對(duì)象、BOM瀏覽器、DOM操作。</p> ????????<p>3.?學(xué)完以上兩門基礎(chǔ)課后,在深入學(xué)習(xí)JavaScript的變量作用域、事件、對(duì)象、運(yùn)動(dòng)、cookie、正則表達(dá)式、ajax等課程。</p> ??</div> ??<form> ??<!--當(dāng)點(diǎn)擊相應(yīng)按鈕,執(zhí)行相應(yīng)操作,為按鈕添加相應(yīng)事件--> ????<input?type="button"?value="改變顏色"?onclick="changeColor1()">?? ????<input?type="button"?value="改變寬高"?onclick="changeWH()"> ????<input?type="button"?value="隱藏內(nèi)容"?onclick="displayn()"> ????<input?type="button"?value="顯示內(nèi)容"?onclick="displayb()"> ????<input?type="button"?value="取消設(shè)置"?onclick="removec()"> ??</form> ??<script?type="text/javascript"> //定義"改變顏色"的函數(shù) ?????function?changeColor1(){ ?????????var?p1=document.getElementById("txt"); ?????????var?n1=prompt("請(qǐng)輸入數(shù)字:1.改變字體顏色"+"<br/>"+"2.改變背景顏色"); ?????????if(n1==1){ ?????????????var?cc1=prompt("請(qǐng)輸入要改變成的顏色"); ?????????????if(cc1!=null){ ?????????????p1.style.color=cc1; ?????????????}else{ ?????????????????document.write("抱歉,您沒有輸入顏色"); ?????????????} ?????????}else(n1==2){ ?????????????var?cc2=prompt("請(qǐng)輸入要改變成的顏色"); ?????????????if(cc2!=null){ ?????????????p1.style.backgroundColor=cc2; ?????????????}else{ ?????????????????document.write("抱歉,您沒有輸入顏色"); ?????????????} ?????????}else{ ?????????????document.write("抱歉,您沒有輸入正確數(shù)字"); ?????????} ????????? ?????} //定義"改變寬高"的函數(shù) ??function?changeWH(){ ??????var?p1=document.getElementById("txt"); ?????????var?n1=prompt("請(qǐng)輸入數(shù)字:1.改變寬度"+"<br/>"+"2.改變高度"); ?????????if(n1==1){ ?????????????var?cc1=prompt("請(qǐng)輸入要改變成的寬度"); ?????????????if(cc1!=null){ ?????????????p1.style.width=cc1; ?????????????}else{ ?????????????????document.write("抱歉,您沒有輸入寬度"); ?????????????} ?????????}else(n1==2){ ?????????????var?cc2=prompt("請(qǐng)輸入要改變成的高低"); ?????????????if(cc2!=null){ ?????????????p1.style.height=cc2; ?????????????}else{ ?????????????????document.write("抱歉,您沒有輸入高低"); ?????????????} ?????????}else{ ?????????????document.write("抱歉,您沒有輸入正確數(shù)字"); ?????????} ??} //定義"隱藏內(nèi)容"的函數(shù) ??function?displayn(){ ??????var?p1=document.getElementById("txt"); ??????p1.style.display="none"; ??} //定義"顯示內(nèi)容"的函數(shù) function?displayb(){ ??????var?p1=document.getElementById("txt"); ??????p1.style.display="block"; ??} //定義"取消設(shè)置"的函數(shù) ???function?removec(){ ??????var?t=confirm("請(qǐng)問是否恢復(fù)原始值"); ??????if(t){ ????????var?p1=document.getElementById("txt"); ????????p1.className="txt" ??????}else{ ??????????document.write("您已取消操作"); ??????} ???} ??</script> </body> </html>
錯(cuò)誤主要是改變顏色和改變高度那里出錯(cuò),就是不知道錯(cuò)哪了
2017-08-26
else后面不可以直接接條件式的,建議使用
if(n1==1){
????代碼塊
}
else if(n1==2){
????代碼塊
} else{
????代碼塊
}
這樣的方式去寫
2017-12-08
還有一處小問題:prompt("請(qǐng)輸入數(shù)字:1.改變字體顏色"+"<br/>"+"2.改變背景顏色");里面沒有實(shí)現(xiàn)你想要的換行,是因?yàn)閜rompt(str,str)語法,兩段字符串以逗號(hào)相隔,用“+”在這里不合適,并且也識(shí)別不了