找了2個小時 ，實在不知道問題在哪兒？哪位大神幫幫忙？謝謝
<!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="in1"> ?
? ? <input type="button" value="改變寬高" onclick="in2">
? ? <input type="button" value="隱藏內容" onclick="in3">
? ? <input type="button" value="顯示內容" onclick="in4">
? ? <input type="button" value="取消設置" onclick="in5">
? </form>
? <script type="text/javascript">
? var txt=document.getElementById("txt");
//定義"改變顏色"的函數
function in1(){
var clo1=prompt("親輸入改變字體的顏色","green");
if(clo1!=null){txt.style.color="col1";}
var col2=prompt("請輸入改變的背景顏色","pink");
if(col2!=null){txt.style.background="col2";}}
//定義"改變寬高"的函數
function in2(){
? var wid=prompt("請輸入改變的寬度尺寸","600") ;
? if(wid!=null){txt.style.width="wid";}
? var wid=prompt("請輸入改變的高度度尺寸","400") ;
? if(hei!=null){txt.style.height="hei";}
}
//定義"隱藏內容"的函數
function in3(){
? ? txt.style.display="noone";
}
//定義"顯示內容"的函數
function in4(){
? ? txt.style.display="block";
}
//定義"取消設置"的函數
function in5(){
? ? var qux=confrim("您確定要取消所有設置嗎？");
? ? if(qux==true){
? ? txt.removeAttribute("style");}
}
? </script>
</body>
</html>
2015-12-20
<!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="in1()"> ????<input?type="button"?value="改變寬高"?onclick="in2()"> ????<input?type="button"?value="隱藏內容"?onclick="in3()"> ????<input?type="button"?value="顯示內容"?onclick="in4()"> ????<input?type="button"?value="取消設置"?onclick="in5()"> </form> <script?type="text/javascript"> ????var?txt=document.getElementById("txt"); ????//定義"改變顏色"的函數 ????function?in1(){ ????????var?clo1=prompt("親輸入改變字體的顏色","green"); ????????if(clo1!=null){txt.style.color=clo1;} ????????var?col2=prompt("請輸入改變的背景顏色","pink"); ????????if(col2!=null){txt.style.background=col2;}} ????//定義"改變寬高"的函數 ????function?in2(){ ????????var?wid=prompt("請輸入改變的寬度尺寸","600px")?; ????????if(wid!=null){txt.style.width=wid;} ????????var?hed=prompt("請輸入改變的高度度尺寸","400px")?; ????????if(hed!=null){txt.style.height=hed;} ????} ????//定義"隱藏內容"的函數 ????function?in3(){ ????????txt.style.display="none"; ????} ????//定義"顯示內容"的函數 ????function?in4(){ ????????txt.style.display="block"; ????} ????//定義"取消設置"的函數 ????function?in5(){ ????????var?qux=confirm("您確定要取消所有設置嗎？"); ????????if(qux==true){ ????????????txt.removeAttribute("style");} ????} </script> </body> </html>那么多的錯你竟然一個沒找到？ ?
2015-12-21
代碼寫的好，單詞拼錯也是很捉急。
2015-12-21
謝謝！
2015-12-20
<!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="in1()">?? ????<input?type="button"?value="改變寬高"?onclick="in2()"> ????<input?type="button"?value="隱藏內容"?onclick="in3()"> ????<input?type="button"?value="顯示內容"?onclick="in4()"> ????<input?type="button"?value="取消設置"?onclick="in5()"> ??</form> ?? </body> <script?type="text/javascript"> ??var?txt=document.getElementById("txt"); //定義"改變顏色"的函數 function?in1(){ var?col1=prompt("親輸入改變字體的顏色","green"); var?col2=prompt("請輸入改變的背景顏色","pink"); if(col1!=null){txt.style.color=col1;} if(col2!=null){ txt.style.background=col2; } } //定義"改變寬高"的函數 function?in2(){ ??var?wid=prompt("請輸入改變的寬度尺寸","600"); ?var?hei=prompt("請輸入改變的高度度尺寸","400"); ??if(wid!=null){txt.style.width=wid+"px";} ??if(hei!=null){txt.style.height=hei+"px";} } //定義"隱藏內容"的函數 function?in3(){ ????txt.style.display="none"; } //定義"顯示內容"的函數 function?in4(){ ????txt.style.display="block"; } //定義"取消設置"的函數 function?in5(){ ????var?qux=confirm("您確定要取消所有設置嗎？"); ????if(qux==true){ ????txt.removeAttribute("style");} } ??</script> </html>2015-12-20
先說兩點：1、onclick="in5"，onclick指點擊事件，“”中跟的是一個函數，應該為"函數名()"
2、
?var wid=prompt("請輸入改變的高度度尺寸","400") ;
? if(hei!=null){txt.style.height="hei";}
如果你是想賦值， 那么? if(hei!=null){txt.style.height=hei;}把引號去掉。