一、JavaScript的组成
ECMAScript：定义语义规范。DOM：用于操作文档的API。BOM：用于操作浏览器的API。
二、JavaScript的应用
三、JavaScript的三种编写方式
1. 编写位置：HTML内部
xml
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<style>
</style>
</head>
<body>
<div class="container">
<!-- 编写位置：HTML内部 -->
<a href="#" onclick="alert('TEST')">TEST</a>
</div>
</body>
</html>
2. 编写位置：script元素内部
xml
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<style>
</style>
</head>
<body>
<div class="container">
<!-- 编写位置：HTML内部（方式1） -->
<a href="#" onclick="alert('TEST1')">TEST1</a>
<!-- 编写位置：HTML内部（方式2） -->
<a href="javascript: alert('TEST2')" >TEST2</a>
<!-- 编写位置：script元素内部 -->
<a href="#" class = "TESTClass">TEST3</a>
<script>
var TESTClassA = document.querySelector(".TESTClass")
TESTClassA.onclick = function() {
alert('TEST3')
}
</script>
</div>
</body>
</html>
3、编写位置：独立的JS文件（最常用）
xml
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<style>
</style>
</head>
<body>
<div class="container">
<!-- 编写位置：HTML内部（方式1） -->
<a href="#" onclick="alert('TEST1')">TEST1</a>
<!-- 编写位置：HTML内部（方式2） -->
<a href="javascript: alert('TEST2')" >TEST2</a>
<!-- 编写位置：script元素内部 -->
<a href="#" class = "TESTClass">TEST3</a>
<script>
var TESTClassA = document.querySelector(".TESTClass")
TESTClassA.onclick = function() {
alert('TEST3')
}
</script>
<!-- 编写位置：独立的JS文件 -->
<a href="#" class = "TESTClass2">TEST4</a>
<script src=".\TEST.js"></script>
</div>
</body>
</html>
javascript
var TESTClass2A = document.querySelector(".TESTClass2")
TESTClass2A.onclick = function() {
alert('TEST4')
}
四、<noscript>元素
五、JavaScript的编写注意事项
script元素不能写成单标签。- 省略了
type属性。 - 加载顺序是而下，因此
script代码和编写位置，放在body子元素的最后一行。 JavaScript代码严格区分大小写。
六、JavaScript的交互方式和调试工具
1、交互方式
2、调试工具
七、JavaScript的注释
