JavaScript操作BOM与DOM基础

"Ch02-js操作BOM.txt" JavaScript（简称JS）是一种轻量级的、解释型的编程语言，主要应用于Web开发，用于增加网页的交互性和动态功能。JS基于对象和事件驱动，这意味着它能够直接操作对象并响应用户的交互。此外，JS具有弱类型特性，意味着变量的数据类型可以在运行时自动转换。 JS的组成部分包括： 1. ECMAScript：这是JS的基础，定义了语言的语法和基本对象。ECMAScript标准由欧洲计算机制造商协会（ECMA）制定，最新版本为ECMAScript 2022。 2. BOM（浏览器对象模型）：BOM允许JS与浏览器进行交互，如窗口、导航、历史记录等。每个浏览器都有自己的BOM实现，但通常会遵循一定的兼容性标准。 3. DOM（文档对象模型）：DOM是HTML和XML文档的结构化表示，它定义了一种标准方法来访问和修改文档内容和结构。通过DOM，JS可以查找、遍历、修改网页元素。 JS定义变量通常使用`var`关键字，如`var 变量名 = 值;`。数组的定义有四种方式： 1. `var arr = new Array();` 2. `var arr = new Array(size);` 3. `var arr = new Array(值1, 值2...);` 4. `var arr = [值1, 值2...];` 遍历数组有两种方法： 1. 使用`for`循环：`for (var i = 0; i < arr.length; i++) { arr[i]; }` 2. 使用`for...in`循环：`for (var num in arr) { arr[num]; }`（注意`for...in`循环遍历的是数组索引，而不是元素本身） 在JS中，`==`用于比较值，而`===`不仅比较值，还比较数据类型。因此，`===`通常被认为更严格。 JS代码可以放置在以下位置： 1. 行内：在HTML元素的`on*`事件属性中，如`<a href="javascript:js代码"></a>` 2. 内部：在`<script>`标签内，如`<script>js代码</script>` 3. 外部：创建`.js`文件并在HTML中引用，如`<script src="js文件的路径"></script>` 下面是一个简单的函数示例，该函数接收用户输入的两个数字和一个运算符，然后根据运算符执行加法或减法： ```javascript function calculate() { var numStr1 = prompt("请输入第一个数字", "0"); if (isNaN(numStr1) === true) { alert("当前输入的不是数字"); return; } var num1 = parseInt(numStr1); var numStr2 = prompt("请输入第二个数字", "0"); var num2 = parseInt(numStr2); var opera = prompt("请输入运算符", "0"); var result = 0; if (opera == "+") { result = num1 + num2; } else if (opera == "-") { result = num1 - num2; } // 输出结果 alert("计算结果是：" + result); } ``` 这个函数通过`prompt`获取用户输入，然后用`parseInt`将字符串转换为整数。根据用户输入的运算符，函数计算两个数字的和或差，并通过`alert`显示结果。