APIs之WEB API的基本认知是什么?

1、作用和分类

作用:就是使用JS去操作html和浏览器

分类:DOM(文档对象模型)、BOM(浏览器对象模型)

2、什么是DOM?

DOM(Document Object Model-文档对象模型)是用来呈现以及与任意HTML或XML文档交互的API。

DOM是浏览器提供的一套专门用来操作网页内容的功能。

DOM作用:

(1)开发网页内容特效和实现用户交互

3、DOM树是什么?

DOM树:将HTML文档以树状结构直观的表现出来,又称为文档树。

是描述网页内容关系的名词。

作用:文档树直观的体现了标签与标签之间的关系

4、DOM对象是什么?

DOM对象:浏览器根据html标签生成js对象

(1)所有的标签属性都可以在这个对象上面找到【在html里边叫标签,但是在DOM树里边叫做对象】

(2)修改这个对象的属性会自动映射到标签上

DOM的核心思想:把网页内容当做对象来处理

document对象:

(1)是DOM里提供的一个对象

(2)所以它提供的属性和方法都是用来访问和操作网页内容的,例如:ducument.write()

(3)网页所有内容都在document里面

相关推荐
阿东在coding21 小时前
Flutter 测试框架对比指南
前端
是李嘉图呀21 小时前
npm推送包失败需要Two-factor权限认证问题解决
前端
自己记录_理解更深刻21 小时前
本地完成「新建 GitHub 仓库 react-ts-demo → 关联本地 React+TS 项目 → 提交初始代码」的完整操作流程
前端
借个火er21 小时前
Chrome 插件开发实战:5 分钟上手 + 原理深度解析
前端
攀登的牵牛花21 小时前
前端向架构突围系列 - 架构方法(一):概述 4+1 视图模型
前端·设计模式·架构
Hashan21 小时前
Vue 3 中 v-for 动态组件 ref 收集失败问题排查与解决
前端·vue.js·前端框架
bobringtheboys21 小时前
[el-tag]使用多个el-tag,自动判断内容是否超出
前端·javascript·vue.js
ccccc__21 小时前
基于vue3完成领域模型架构建设
前端
Cherry的跨界思维21 小时前
【AI测试全栈:Vue核心】19、Vue3+ECharts实战:构建AI测试可视化仪表盘全攻略
前端·人工智能·python·echarts·vue3·ai全栈·ai测试全栈
尽欢i21 小时前
用 return“瘦身“if-else:让代码少嵌套、好维护
前端·javascript