JavaScript（JS）基础（一）
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 = 10console.log(age)
</script>
5.2 数组
<script>// 声明数组let arr = ['HTML', 'CSS', 'JS']// 打印数组的值console.log(arr[2]);
</script>
5.3 常变量
<script>const zero = 0console.log(zero)// 不能对常变量的值进行更改zero = 1console.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 + "和" + str3console.log(str1, str2, str3, str4)
</script>