課程
/前端開發
/JavaScript
/JavaScript入門篇
幫幫忙看看哪里出錯了？運行沒有效果！謝謝！
2014-10-19
源自：JavaScript入門篇 4-1
正在回答
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="txttent-Type"?txttent="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="changesize()"/> ????<input?type="button"?value="隱藏內容"?onclick="hidetext()"/> ????<input?type="button"?value="顯示內容"?onclick="showtext()"> ????<input?type="button"?value="取消設置"?onclick="cancel()"/> ??</form> ??<script?type="text/javascript"> ??var?a=document.getElementById("txt"); //定義"改變顏色"的函數 function?changecolor(){ ????a.style.color="red"; ????a.style.backgroundColor="green"; } //定義"改變寬高"的函數 function?changesize(){ ????a.style.width="20px"; ????a.style.height="25px"; } //定義"隱藏內容"的函數 function?hidetext(){ ????a.style.display="none"; } //定義"顯示內容"的函數 function?showtext(){ ????a.style.display="block"; } //定義"取消設置"的函數 function?cancel(){ if(confirm("是否取消設置？")) { ????a.style.color=""; ????a.style.backgroundColor="white"; ????a.style.width="600px"; ????a.style.height="400px"; ????a.style.display="block"; } } </script> ? </body> </html>
謝謝！各位！
第50行，把displsy改成display
第59-65行 把內容改成以下代碼：
function cancel(){
????if(confirm("是否取消設置？")==true){
????????a.removeAttribute("style");
????}
}
//定義"取消設置"的函數
var con = confirm("是否取消設置？");
if(con ==true){function?cancel()?{??
a.style.color="#000";??? a.style.backgoundColor="#fff";??? a.style.width="600px";??? a.style.height="400px";??? a.style.display="block";
取消設置那個忘了寫函數了
舉報
JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門
2 回答
1 回答
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-11-06
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="txttent-Type"?txttent="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="changesize()"/> ????<input?type="button"?value="隱藏內容"?onclick="hidetext()"/> ????<input?type="button"?value="顯示內容"?onclick="showtext()"> ????<input?type="button"?value="取消設置"?onclick="cancel()"/> ??</form> ??<script?type="text/javascript"> ??var?a=document.getElementById("txt"); //定義"改變顏色"的函數 function?changecolor(){ ????a.style.color="red"; ????a.style.backgroundColor="green"; } //定義"改變寬高"的函數 function?changesize(){ ????a.style.width="20px"; ????a.style.height="25px"; } //定義"隱藏內容"的函數 function?hidetext(){ ????a.style.display="none"; } //定義"顯示內容"的函數 function?showtext(){ ????a.style.display="block"; } //定義"取消設置"的函數 function?cancel(){ if(confirm("是否取消設置？")) { ????a.style.color=""; ????a.style.backgroundColor="white"; ????a.style.width="600px"; ????a.style.height="400px"; ????a.style.display="block"; } } </script> ? </body> </html>2014-10-24
謝謝！各位！
2014-10-21
第50行，把displsy改成display
第59-65行 把內容改成以下代碼：
function cancel(){
????if(confirm("是否取消設置？")==true){
????????a.removeAttribute("style");
????}
}
2014-10-19
//定義"取消設置"的函數
var con = confirm("是否取消設置？");
if(con ==true){
function?cancel()?{??
a.style.color="#000";
??? a.style.backgoundColor="#fff";
??? a.style.width="600px";
??? a.style.height="400px";
??? a.style.display="block";
}
}
2014-10-19
取消設置那個忘了寫函數了