JavaScript操作BOM与DOM基础
需积分: 10 55 浏览量
更新于2024-08-31
收藏 6KB TXT 举报
"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`显示结果。
2021-12-16 上传
2021-07-02 上传
2021-05-06 上传
2021-06-01 上传
2021-09-07 上传
点击了解资源详情
2024-10-31 上传
2024-10-31 上传
王大师王文峰
- 粉丝: 1w+
- 资源: 1535
最新资源
- SSM动力电池数据管理系统源码及数据库详解
- R语言桑基图绘制与SCI图输入文件代码分析
- Linux下Sakagari Hurricane翻译工作:cpktools的使用教程
- prettybench: 让 Go 基准测试结果更易读
- Python官方文档查询库,提升开发效率与时间节约
- 基于Django的Python就业系统毕设源码
- 高并发下的SpringBoot与Nginx+Redis会话共享解决方案
- 构建问答游戏:Node.js与Express.js实战教程
- MATLAB在旅行商问题中的应用与优化方法研究
- OMAPL138 DSP平台UPP接口编程实践
- 杰克逊维尔非营利地基工程的VMS项目介绍
- 宠物猫企业网站模板PHP源码下载
- 52简易计算器源码解析与下载指南
- 探索Node.js v6.2.1 - 事件驱动的高性能Web服务器环境
- 找回WinSCP密码的神器:winscppasswd工具介绍
- xctools:解析Xcode命令行工具输出的Ruby库