JavaScript操作BOM与DOM基础
需积分: 10 11 浏览量
更新于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`显示结果。
2022-04-09 上传
2021-07-02 上传
2021-05-06 上传
2021-06-01 上传
2021-09-07 上传
点击了解资源详情
2024-11-29 上传
2024-11-29 上传
2024-11-29 上传
王大师王文峰
- 粉丝: 1w+
- 资源: 1535
最新资源
- C语言数组操作:高度检查器编程实践
- 基于Swift开发的嘉定单车LBS iOS应用项目解析
- 钗头凤声乐表演的二度创作分析报告
- 分布式数据库特训营全套教程资料
- JavaScript开发者Robert Bindar的博客平台
- MATLAB投影寻踪代码教程及文件解压缩指南
- HTML5拖放实现的RPSLS游戏教程
- HT://Dig引擎接口,Ampoliros开源模块应用
- 全面探测服务器性能与PHP环境的iprober PHP探针v0.024
- 新版提醒应用v2:基于MongoDB的数据存储
- 《我的世界》东方大陆1.12.2材质包深度体验
- Hypercore Promisifier: JavaScript中的回调转换为Promise包装器
- 探索开源项目Artifice:Slyme脚本与技巧游戏
- Matlab机器人学习代码解析与笔记分享
- 查尔默斯大学计算物理作业HP2解析
- GitHub问题管理新工具:GIRA-crx插件介绍