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里面

相关推荐
于慨20 小时前
Lambda 表达式、方法引用(Method Reference)语法
java·前端·servlet
石小石Orz20 小时前
油猴脚本实现生产环境加载本地qiankun子应用
前端·架构
从前慢丶20 小时前
前端交互规范(Web 端)
前端
CHU72903520 小时前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序
GISer_Jing21 小时前
Page-agent MCP结构
前端·人工智能
王霸天21 小时前
💥别再抄网上的Scale缩放代码了!50行源码教你写一个永不翻车的大屏适配
前端·vue.js·数据可视化
小领航21 小时前
用 Three.js + Vue 3 打造炫酷的 3D 行政地图可视化组件
前端·github
@大迁世界21 小时前
2026年React大洗牌:React Hooks 将迎来重大升级
前端·javascript·react.js·前端框架·ecmascript
PieroPc21 小时前
一个功能强大的 Web 端标签设计和打印工具,支持服务器端直接打印到局域网打印机。Fastapi + html
前端·html·fastapi
悟空瞎说21 小时前
深入 Vue3 响应式:为什么有的要加.value,有的不用?从设计到源码彻底讲透
前端·vue.js