- 例1
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>熱身</title>
</head>
<body>
<p id="p1">我是第一段文字</p>
<p id="p2">我是第二段文字</p>
<script type="text/javascript">
document.write("hello");
document.getElementById("p1").style.color="blue";
</script>
</body>
</html>
- JavaScript寫在哪裏？
<script type="text/javascript"> … </script> 中間的…部分是javaScript代碼。
- DOM語法
在HTML的段落裏，有p1和p2兩個id標籤，來分別標記這兩個段落。
document.getElementById語法，通過id來設置對應id下段落的樣式。document其實就是指的html文本，getElementById可以把它理解爲一個函數，傳入參數p1，獲取到第一個段落，然後設置第一個段落的style。style裏應該不僅僅有color，還有別的屬性。
- 例2
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引用JS文件</title>
<script src="script.js"></script>
</head>
<body>
</body>
</html>
script.js
document.write("引用js文件");
引用js外部文件
在html中使用 <script src="script.js"></script> 來引用執行js文件。
其本質上和直接把js文件寫在html中是一樣的。
js代碼不僅僅可以放在HTML中，也可以將js文件和HTML文件分開，在HTML中引用js外部文件，並加載js代碼。
js文件不能直接運行，需要嵌入到HTML中執行。
- 例3
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS代碼的位置</title>
<script type="text/javascript">
document.write("I love");
</script>
</head>
<body>
<script type="text/javascript">
document.write("JavaScript");
</script>
</body>
</html>
js作爲一個腳本語言，可以被放在html的任何位置，可以將script標籤放在html的head中，也可以放在body中。
- 註釋
html一般很少有人寫註釋好像，但是js的話註釋還是需要寫的，一般的我們使用
// 註釋內容 或者 /* 註釋內容 */