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

相关推荐
一叶飘零晋2 分钟前
【(一)Electron 使用之如何用vite+vue3搭建初始框架】
前端·javascript·electron
光影少年13 分钟前
前端SSR和ssg区别
前端·vue.js·人工智能·学习·react.js
广州华水科技17 分钟前
北斗形变监测传感器在水库安全监测中的应用与发展
前端
凯瑟琳.奥古斯特1 小时前
Bootstrap快速上手指南
开发语言·前端·css·bootstrap·html
精益数智工坊1 小时前
拆解制造业仓库物料管理流程:如何通过标准化仓库物料管理流程解决账实不符难题
大数据·前端·数据库·人工智能·精益工程
恶猫1 小时前
网页自动化模拟操作时,模拟真实按键触发事件【终级方案】
前端·javascript·自动化·vue·网页模拟
小羊Yveesss1 小时前
2026年前端开发新趋势:智能协同、工具革新与场景深耕
前端·ai
Dxy12393102161 小时前
HTML中的Canvas可以干哪些事情
前端·html
悟乙己1 小时前
解析 Agent 时代的 HTML PPT SKILLS: html-ppt-skill
前端·html·powerpoint
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_2:(表单分组与高级输入控件实战)
前端·javascript·css·ui·html