是這樣的,我在把取消內容對應的函數注釋掉之后(我用的是dclear),前邊的四個按鈕能夠“完美”實現。但當我把整個代碼完整的用2345,火狐,IE瀏覽器運行后5個按鈕都沒有任何相應。查看報錯說是5個函數均沒有被定義。下面是自己寫的代碼。希望大神能夠指點一下?,F在這里謝過了。<html>? ? <head>? ? ? ? <meta http-equiv="Content-Type" content="text/html" ; ?charset="gb2312">? ? ? ? <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="hide()">? ? ? ? ? ? <input type="button" value="顯示內容" onclick="show()">? ? ? ? ? ? <input type="button" value="取消內容" onclick="dclear()">? ? ? ? </form>? ? ? ? <script type="text/javascript">? ? ? ? ? ? function changecolor(){ ? ?//定義“改變顏色”的函數? ? ? ? ? ? ? ? var mychar=document.getElementById("txt");? ? ? ? ? ? ? ? mychar.style.color="white";? ? ? ? ? ? ? ? mychar.style.backgroundColor="black";? ? ? ? ? ? }? ? ? ? ? ? function changewh(){? ? ? ? ? ? ? ? var mychar=document.getElementById("txt");? ? ? ? ? ? ? ? mychar.style.width="300px";? ? ? ? ? ? ? ? mychar.style.height="200px";? ? ? ? ? ? }? ? ? ? ? ? function hide(){? ? ? ? ? ? ? ? var mychar=document.getElementById("txt");? ? ? ? ? ? ? ? mychar.style.display="none";? ? ? ? ? ? }? ? ? ? ? ? function show(){? ? ? ? ? ? ? ? var mychar=document.getElementById("txt");? ? ? ? ? ? ? ? mychar.style.display="block";? ? ? ? ? ? }? ? ? ? ? ? function dclear(){? ? ? ? ? ? ? ? var 1=confirm("你真的要取消設置嗎?");? ? ? ? ? ? ? ? if(1==true){? ? ? ? ? ? ? ? ? ? var mychar = document.getElementById("txt");? ? ? ? ? ? ? ? ? ? mychar.style.color="black";? ? ? ? ? ? ? ? ? ? mychar.style.backgroundColor="white";? ? ? ? ? ? ? ? ? ? mychar.style.display="block";? ? ? ? ? ? ? ? ? ? mychar.style.width="600px";? ? ? ? ? ? ? ? ? ? mychar.style.height="400px";? ? ? ? ? ? ? ? }? ? ? ? ? ?}? ? ? ? </script>? ? </body></html>
有一個JavaScript的一個問題初級入門篇4-1編程挑戰
BlackStyle7
2018-03-13 19:40:17