?<!doctupe html><html><head>?<meta charset="utf-8" />??? <title>Dom練習</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>??? <script type="text/javascript">??var mychar=document.getElementById("txt");??? ?function changeC(){???mychar.style.color="red";???mychar.style.backgroundColor="gray";???}??function changeW(){???mychar.style.width="800px";???mychar.style.height="600px";???}??function hiddenC(){???mychar.style.display="none"???}??function displayC(){???mychar.style.display="block";???}??function cancelS(){???var res=confirm("取消設置？")???if(res){ ????? mychar.style.color="#000";????? mychar.style.backgroundColor="#fff";????? mychar.style.width="600px";????? mychar.style.height="400px";????? mychar.style.display="block";????}???}??? </script></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>??? <!--<script type="text/javascript">??var mychar=document.getElementById("txt");??? ?function changeC(){???mychar.style.color="red";???mychar.style.backgroundColor="gray";???}??function changeW(){???mychar.style.width="800px";???mychar.style.height="600px";???}??function hiddenC(){???mychar.style.display="none"???}??function displayC(){???mychar.style.display="block";???}??function cancelS(){???var res=confirm("取消設置？")???if(res){ ????? mychar.style.color="#000";????? mychar.style.backgroundColor="#fff";????? mychar.style.width="600px";????? mychar.style.height="400px";????? mychar.style.display="block";????}???}??? </script>-->??? <form>??????? <input type="button" value="改變顏色" onClick="changeC()" />??????? <input type="button" value="改變寬高" onClick="changeW()" />??????? <input type="button" value="隱藏內容" onClick="hiddenC()" />??????? <input type="button" value="顯示內容" onClick="displayC()" />??????? <input type="button" value="取消設置" onClick="cancelS()" />??? </form></body></html>
為什么這段代碼中的JS代碼段放在<head>中只有取消設置按鈕有作用呢？放在<body>中正常
qq_季末先聲_03133538
2016-04-11 14:11:30
