1. 程式人生 > >JS自學第一彈

JS自學第一彈

(1)js當中輸出HTML標籤採用:

document.write("<h1>在HTML中進行輸出</h1>")

注:如果在文件載入後使用該方法會造成覆蓋整個文件

注:書寫js注意儘量將js放在一起,以免干擾程式碼

(2)替換HTML標籤當中的文字時:document.getElementById("demo").innerHTML = "要替換的文字";

<!DOCTYPE html>
<html>
<head>
<script>
var count = 0;
function myFunction () {
    document.getElementById("demo").innerHTML=count++;
}
</script>
</head>

<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">點選這裡替換P標籤</button>
</body>
</html>

(3)如何引入外部的JS檔案

<!DOCTYPE html>
<html>
<body>
// 外部的js檔案(此時該檔案與該頁面處於同一級)若不處在同一級適當的增加“./或../等” 
<script src="myScript.js"></script>
</body>
</html>