<!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為網(wǎng)頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5>? ? ? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>? ? ? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎(chǔ)語法、函數(shù)、數(shù)組、事件、內(nèi)置對象、BOM瀏覽器、DOM操作。</p>? ? ? ? ? ? <p>3. 學(xué)完以上兩門基礎(chǔ)課后，在深入學(xué)習(xí)JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>? ? ? ? </div>? ? ? ? <form>? ? ? ? ? ? <!--當(dāng)點擊相應(yīng)按鈕，執(zhí)行相應(yīng)操作，為按鈕添加相應(yīng)事件-->? ? ? ? ?? ? ? ? ? ? <input type="button" value="改變顏色" onclick="m1()">? ? ? ? ? ? <input type="button" value="改變寬高" onclick="m2()">? ? ? ? ? ? <input type="button" value="隱藏內(nèi)容" onclick="m3()">? ? ? ? ? ? <input type="button" value="顯示內(nèi)容" onclick="m4()">? ? ? ? ? ? <input type="button" value="取消設(shè)置" onclick="m5()">? ? ? ? </form>? ? ? ? <script type="text/javascript">? ? ? ? ? ? //定義"改變顏色"的函數(shù)? ? ? ? ? ? function m1() {? ? ? ? ? ? ? ? var cc = document.getElementById("txt");? ? ? ? ? ? ? ? cc.style.color = "red";? ? ? ? ? ? ? ? cc.style.backgroundColor = "green";? ? ? ? ? ? }? ? ? ? ? ? //定義"改變寬高"的函數(shù)? ? ? ? ? ? function m2() {? ? ? ? ? ? ? ? var cwh = document.getElementById("txt");? ? ? ? ? ? ? ? cwh.style.width = "400px";? ? ? ? ? ? ? ? cwh.style.height = "600px";? ? ? ? ? ? }? ? ? ? ? ? //定義"隱藏內(nèi)容"的函數(shù)? ? ? ? ? ? function m3() {? ? ? ? ? ? ? ? var dis = document.getElementById("txt");? ? ? ? ? ? ? ? dis.style.display = "none";? ? ? ? ? ? }? ? ? ? ? ? //定義"顯示內(nèi)容"的函數(shù)? ? ? ? ? ? function m4() {? ? ? ? ? ? ? ? var dis2 = document.getElementById("txt");? ? ? ? ? ? ? ? dis2.style.display = "block";? ? ? ? ? ? }? ? ? ? ? ? //定義"取消設(shè)置"的函數(shù)? ? ? ? ? ? function m5() {? ? ? ? ? ? ? ? var message = confirm("你確定要重置所有設(shè)置么？");? ? ? ? ? ? ? ? if (message == true) {? ? ? ? ? ? ? ? ? ? txt.removeAttribute('style ');? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? }? ? ? ? </script>? ? </body>?</html>
為什么在瀏覽器里運行文字部分是亂碼呢？
祀未
2016-06-20 11:06:49
你應(yīng)該是用txt文本寫的代碼吧，這樣另存為時，改下編碼方式為UTF-8，試試吧，之前我曾是這樣錯過……
