1、JavaScript（JS）简介
JavaScript 是一门跨平台、面向对象的脚本语言，它能使网页可交互（例如拥有复杂的动画，可点击的按钮，通俗的菜单等）。另外还有高级的服务端 Javascript 版本，例如 Node.js，它可以让你在网页上添加更多功能，不仅仅是下载文件（例如在多台电脑之间的协同合作）。在宿主环境（例如 web 浏览器）中，JavaScript 能够通过其所连接的环境提供的编程接口进行控制。
HTML用来定义网页的内容，CSS为网页的内容加上样式，JS为网页实现动态的数据更新，实时人机交互，使网页更加生动。
2、JS组成
-
ECMAScript：
规定了JS基础语法有关变量、分支语句、循环语句、对象等等。
-
Web APIs：
- DOM 操作文档，比如对页面进行移动、大小调节、增删改查等操作；
- BOM 操作浏览器，比如页面弹窗，窗口宽度的检测、浏览器数据的存储等等。
3、书写位置
3.1 内部JS
- 直接书写在html文件里，
</body>标签上部。
<script>
// 弹出提示框
alert("提示")
</script>
3.2 外部JS
- 通过src引入外部JS的位置
<script src="./js/外部JS样式.js">
// 中间内容无效
</script>
3.3 行内（内联）JS
- 直接在样式内部写
<button onclick="alert('内联样式')">点我</button>
4、输入和输出语法
4.1 输出
<script>
// 在浏览器上显示内容
document.write("第一行")
document.write("<br>")
document.write("<span>第二行</span>")
// 弹出内容
alert("弹出的内容")
// 在控制台弹出内容
console.log("控制台内容")
</script>
4.2 输入
<!-- 弹出窗口提示输入内容 -->
<script>prompt("请输入内容：")</script>
5、变量
5.1 单个变量
- 关键字不能作为变量名；
- 只能用下划线、字母、数字、$组成，且数字不能开头；
- 严格区分大小写。
<script>
// 声明变量
let age = 66
// 更新变量
age = 10
console.log(age)
</script>
5.2 数组
<script>
// 声明数组
let arr = ['HTML', 'CSS', 'JS']
// 打印数组的值
console.log(arr[2]);
</script>
5.3 常变量
<script>
const zero = 0
console.log(zero)
// 不能对常变量的值进行更改
zero = 1
console.log(zero)
</script>
6、基本数据类型
6.1 数字型
- NaN代表一个计算错误，NaN是具有粘性的，任何与NaN的计算返回的都是NaN。
<script>
console.log(1 + 1)
console.log(1 * 1)
console.log(1 / 1)
console.log(3 % 5)
console.log(NaN * 1)
</script>
6.2 字符串型
<script>
let str1 = `字符串1`
let str2 = "字符串2"
let str3 = '字符串3'
let str4 = str1 + "和" + str3
console.log(str1, str2, str3, str4)
</script>
