                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

點擊按鈕沒反應，看了幾次代碼覺得沒問題

<!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="hcon">JavaScript課程</H2>??
<div?id="txt">??????
<h5>JavaScript為網(wǎng)頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5>????????
<p>1.?JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>????????
<p>2.?JavaScript進階篇，讓你掌握JS的基礎語法、函數(shù)、數(shù)組、事件、內(nèi)置對象、BOM瀏覽器、DOM操作。</p>????????
<p>3.?學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>
</div>??
<form>??
<!--當點擊相應按鈕，執(zhí)行相應操作，為按鈕添加相應事件-->????
<input?type="button"?value="改變顏色"?onclick="changeColor()">??????
<input?type="button"?value="改變寬高"?onclick="changeHeight()"?>????
<input?type="button"?value="隱藏內(nèi)容"?onclick="hiddenText()">????
<input?type="button"?value="顯示內(nèi)容"?onclick="showText()">????
<input?type="button"?value="取消設置"?onclick="unset()">??
</form>??
<script?type="text/javascript">
//定義"改變顏色"的函數(shù)???
function?changeColor()???
{??????var?mychar=document.getElementById("hcon");
??????mychar.style.color="red";??????
??????mychar.style.backgroundColor="#CCC";
?????????}
?????????//定義"改變寬高"的函數(shù)???
?????????function?changeHeight()???
?????????{??????var?mychar=document.getElementById("hcon");??????
?????????mychar.style.width="600px";
???????????????mychar.style.height="400px";???}
???????????????//定義"隱藏內(nèi)容"的函數(shù)???
???????????????function?hiddenText()???{
??????????????????????var?mychar=document.getElementById("hcon");
????????????????????????????mychar.style.display="hnone"；???}
????????????????????????????//定義"顯示內(nèi)容"的函數(shù)???
????????????????????????????function?showText()???
????????????????????????????{???????var?mychar=document.getElementById("hcon");
??????????????????????????????????mychar.style.display="block";
?????????????????????????????????????}
?????????????????????????????????????//定義"取消設置"的函數(shù)???
?????????????????????????????????????function?unset()???{
????????????????????????????????????????????var?mychar=confirm("是否取消設置")；
???????????????????????????????????????????????????if(mychar==true)???????
???????????????????????????????????????????????????{???????????
???????????????????????????????????????????????????document.getElementById("hcon").className="txt";???????
???????????????????????????????????????????????????}???????
???????????????????????????????????????????????????else???????
???????????????????????????????????????????????????{??????????????????
???????????????????????????????????????????????????}???
???????????????????????????????????????????????????}??
????????????????????????????????????????????????</script>
???????????????????????????????????????????????????</body>
???????????????????????????????????????????????????</html>

小蝸牛牛

2019-06-26

源自：JavaScript入門篇 4-1

關注問題我要回答

1042

操作

收起

3 回答

我埋葬的地方就有我回答被采納 +2 積分
2019-06-26

你有幾個兩個地方的分號錯了是中文的

? ? ?44??mychar.style.display="hnone"；???}? //屬性值錯了

1 回復有任何疑惑可以回復我~

收起回答

#1

小蝸牛牛提問者

找到了，謝謝

2019-06-26 回復有任何疑惑可以回復我~

#2

我埋葬的地方就有我回復小蝸牛牛提問者

用瀏覽器的控制臺，就很容易排錯了。

2019-06-26 回復有任何疑惑可以回復我~

我埋葬的地方就有我
2019-06-26

<!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="hcon">JavaScript課程</h2>??<div?id="txt">??????<h5>JavaScript為網(wǎng)頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5>????????<p>1.?JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>????????<p>2.?JavaScript進階篇，讓你掌握JS的基礎語法、函數(shù)、數(shù)組、事件、內(nèi)置對象、BOM瀏覽器、DOM操作。</p>????????<p>3.?學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p></div>??<form>??<!--當點擊相應按鈕，執(zhí)行相應操作，為按鈕添加相應事件-->????<input?type="button"?value="改變顏色"?onclick="changeColor()"/>??????<input?type="button"?value="改變寬高"?onclick="changeHeight()"/>????<input?type="button"?value="隱藏內(nèi)容"?onclick="hiddenText()"/>????<input?type="button"?value="顯示內(nèi)容"?onclick="showText()"/>????<input?type="button"?value="取消設置"?onclick="unset()"/>??</form>??<script?type="text/javascript">//定義"改變顏色"的函數(shù)???function?changeColor()???{??????var?mychar=document.getElementById("hcon");??????mychar.style.color="red";????????????mychar.style.backgroundColor="#CCC";?????????}?????????//定義"改變寬高"的函數(shù)????????????function?changeHeight()????????????{??????var?mychar=document.getElementById("hcon");???????????????mychar.style.width="600px";???????????????mychar.style.height="400px";???}???????????????//定義"隱藏內(nèi)容"的函數(shù)??????????????????function?hiddenText()???{??????????????????????var?mychar=document.getElementById("hcon");????????????????????????????mychar.style.display="none";??}????????????????????????????//定義"顯示內(nèi)容"的函數(shù)???????????????????????????????function?showText()???????????????????????????????{???????var?mychar=document.getElementById("hcon");??????????????????????????????????mychar.style.display="block";?????????????????????????????????????}?????????????????????????????????????//定義"取消設置"的函數(shù)????????????????????????????????????????function?unset()???{????????????????????????????????????????????var?mychar=confirm("是否取消設置");???????????????????????????????????????????????????if(mychar==true)??????????????????????????????????????????????????????????{??????????????????????????????????????????????????????????????document.getElementById("hcon").className="txt";??????????????????????????????????????????????????????????}??????????????????????????????????????????????????????????else??????????????????????????????????????????????????????????{?????????????????????????????????????????????????????????????????????}??????????????????????????????????????????????????????}??????????????????????????????????????????????????</script>???????????????????????????????????????????????????</body>???????????????????????????????????????????????????</html>

0 回復有任何疑惑可以回復我~

收起回答