課程
/前端開發
/JavaScript
/JavaScript入門篇
看了一晚還是看不出來問題。就是顏色和取消設置不行，有大神看出問題了嗎？
2015-06-05
源自：JavaScript入門篇 4-1
正在回答
<input type="button" value="改變顏色" onclick="change
color()" >
你這一行調用函數空格太多了，把空格給刪了就好了。
<input?type="button"?value="改變顏色"?onclick="changecolor()"?>
if(confim(是否要還原？)){
這里對話框寫錯了。是confirm，里面的語句也要加上雙引號。
?if(confirm("是否要還原？")){
修改后的全代碼
<!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為網頁添加動態效果并實現與用戶交互的功能。</h5> ????????<p>1.?JavaScript入門篇，讓不懂JS的你，快速了解JS。</p> ????????<p>2.?JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p> ????????<p>3.?學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p> ??</div> ??<form> ??<!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件--> ????<input?type="button"?value="改變顏色"?onclick="changecolor()"?>?? ????<input?type="button"?value="改變寬高"?onclick="changewh()"?> ????<input?type="button"?value="隱藏內容"?onclick="changehide()"?> ????<input?type="button"?value="顯示內容"?onclick="changeshow()"?> ????<input?type="button"?value="取消設置"?onclick="reduction()"> ??</form> ??<script?type="text/javascript"> ????function?changecolor(){ ????????var?ccolor=document.getElementById("txt"); ????????ccolor.style.color="red"; ????}??//定??//定義"改變顏色"的函數 ????function?changewh(){ ????????var?cwh=document.getElementById("txt"); ????????cwh.style.width="600px"; ????????cwh.style.height="800px"; ????} //定義"改變寬高"的函數 ????function?changehide(){ ????????var?ch=document.getElementById("txt"); ????????ch.style.display="none"; ????} //定義"隱藏內容"的函數 ????function?changeshow(){ ????????var?cs=document.getElementById("txt"); ????????cs.style.display="block"; ????} //定義"顯示內容"的函數 ????function?reduction(){ ????????if(confirm("是否要還原？")){ ????????????var?rt=document.getElementById("txt"); ????????????rt.removeAttribute("style"); ????????}else{ ????????????alert("沒有還原"); ????????} ????} //定義"取消設置"的函數 ??</script> </body> </html>
yunsky0 提問者
舉報
JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門
2 回答幫我看看是哪里出問題了，就是運行不了
6 回答請大?？纯次疫@段JS代碼 這2-7我攻克了一晚也不行 我一定要搞清楚哪里出問題了
4 回答來個大佬看看哪里錯了，能力有限看不出來
3 回答看了好久不知道哪里出問題了彈不出來，求大佬
9 回答麻煩幫我看一下哪里出了問題，為什么生成不出來？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-06-05
<input type="button" value="改變顏色" onclick="change
color()" >
你這一行調用函數空格太多了，把空格給刪了就好了。
if(confim(是否要還原？)){
這里對話框寫錯了。是confirm，里面的語句也要加上雙引號。
?if(confirm("是否要還原？")){修改后的全代碼
<!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為網頁添加動態效果并實現與用戶交互的功能。</h5> ????????<p>1.?JavaScript入門篇，讓不懂JS的你，快速了解JS。</p> ????????<p>2.?JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p> ????????<p>3.?學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p> ??</div> ??<form> ??<!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件--> ????<input?type="button"?value="改變顏色"?onclick="changecolor()"?>?? ????<input?type="button"?value="改變寬高"?onclick="changewh()"?> ????<input?type="button"?value="隱藏內容"?onclick="changehide()"?> ????<input?type="button"?value="顯示內容"?onclick="changeshow()"?> ????<input?type="button"?value="取消設置"?onclick="reduction()"> ??</form> ??<script?type="text/javascript"> ????function?changecolor(){ ????????var?ccolor=document.getElementById("txt"); ????????ccolor.style.color="red"; ????}??//定??//定義"改變顏色"的函數 ????function?changewh(){ ????????var?cwh=document.getElementById("txt"); ????????cwh.style.width="600px"; ????????cwh.style.height="800px"; ????} //定義"改變寬高"的函數 ????function?changehide(){ ????????var?ch=document.getElementById("txt"); ????????ch.style.display="none"; ????} //定義"隱藏內容"的函數 ????function?changeshow(){ ????????var?cs=document.getElementById("txt"); ????????cs.style.display="block"; ????} //定義"顯示內容"的函數 ????function?reduction(){ ????????if(confirm("是否要還原？")){ ????????????var?rt=document.getElementById("txt"); ????????????rt.removeAttribute("style"); ????????}else{ ????????????alert("沒有還原"); ????????} ????} //定義"取消設置"的函數 ??</script> </body> </html>