為什么我的按鈕沒有一個起作用?
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>編程挑戰</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="changeWidth()"?>
?????<input?type="button"?value="隱藏內容"?onclick="displayNone()">
?????<input?type="button"?value="顯示內容"?onclick="dispalyBlock()">
?????<input?type="button"?value="取消設置"?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="顯示內容"?onclick="dispalyBlock()">改成
???? <input type="button" value="顯示內容" onclick="displayBlock()">
2、mychar.style.backgroundcolor="blue"改成
???????? mychar.style.backgroundColor="blue"
3、因為function back()函數最后多了一個"}"了,刪除就可以了
?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()函數最后多了一個"}"了,刪除就可以了