<!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="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="m1()">? ? ? ? ? ? <input type="button" value="改變寬高" onclick="m2()">? ? ? ? ? ? <input type="button" value="隱藏內容" onclick="m3()">? ? ? ? ? ? <input type="button" value="顯示內容" onclick="m4()">? ? ? ? ? ? <input type="button" value="取消設置" onclick="m5()">? ? ? ? </form>? ? ? ? <script type="text/javascript">? ? ? ? ? ? //定義"改變顏色"的函數? ? ? ? ? ? function m1() {? ? ? ? ? ? ? ? var cc = document.getElementById("txt");? ? ? ? ? ? ? ? cc.style.color = "red";? ? ? ? ? ? ? ? cc.style.backgroundColor = "green";? ? ? ? ? ? }? ? ? ? ? ? //定義"改變寬高"的函數? ? ? ? ? ? function m2() {? ? ? ? ? ? ? ? var cwh = document.getElementById("txt");? ? ? ? ? ? ? ? cwh.style.width = "400px";? ? ? ? ? ? ? ? cwh.style.height = "600px";? ? ? ? ? ? }? ? ? ? ? ? //定義"隱藏內容"的函數? ? ? ? ? ? function m3() {? ? ? ? ? ? ? ? var dis = document.getElementById("txt");? ? ? ? ? ? ? ? dis.style.display = "none";? ? ? ? ? ? }? ? ? ? ? ? //定義"顯示內容"的函數? ? ? ? ? ? function m4() {? ? ? ? ? ? ? ? var dis2 = document.getElementById("txt");? ? ? ? ? ? ? ? dis2.style.display = "block";? ? ? ? ? ? }? ? ? ? ? ? //定義"取消設置"的函數? ? ? ? ? ? function m5() {? ? ? ? ? ? ? ? var message = confirm("你確定要重置所有設置么？");? ? ? ? ? ? ? ? if (message == true) {? ? ? ? ? ? ? ? ? ? txt.removeAttribute('style ');? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? }? ? ? ? </script>? ? </body>?</html>
為什么在瀏覽器里運行文字部分是亂碼呢？
祀未
2016-06-20 11:06:49
你應該是用txt文本寫的代碼吧，這樣另存為時，改下編碼方式為UTF-8，試試吧，之前我曾是這樣錯過……
