WebAPI(part1)--API及DOM

2024-05-10 14:18:16

学习笔记，仅供参考，有错必纠

参考自：pink老师教案

API

API的概念

API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。

Web API的概念

Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。

现阶段我们主要针对于浏览器讲解常用的 API , 主要针对浏览器做交互效果。比如，我们想要浏览器弹出一个警示框，直接使用 alert("弹出");

此处的 Web API 特指浏览器提供的一系列API(很多函数或对象方法)，即操作网页的一系列工具。例如：操作html标签、操作页面地址的方法。

DOM

文档对象模型(Document Object Model，简称DOM)，是 W3C 组织(W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。)推荐的处理可扩展标记语言(html或者xhtml)的标准编程接口。

DOM树

DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面：

文档：一个页面就是一个文档，DOM中使用document表示
节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示
标签节点：网页中的所有标签，通常称为元素节点，又简称为元素，使用element表示

WebAPI(part1)--API及DOM相关推荐

提升对前端的认知，不得不了解Web API的DOM和BOM
了解Web API的DOM和BOM 引言正文一.DOM操作 1.DOM的本质 2.DOM节点操作 (1)property形式 (2)attribute形式 3.DOM结构操作 (1)新增/插入节点 ...
ASP.NET Core WebApi构建API接口服务实战演练
一.ASP.NET Core WebApi课程介绍人生苦短,我用.NET Core!提到Api接口,一般会想到以前用到的WebService和WCF服务,这三个技术都是用来创建服务接口,只不过Web ...
javaScript进阶webAPI web前端api进阶DOM、BOM学习笔记day01
一.Web_API 基础认知 1. 作用和分类作用:使用js去操作html和浏览器分类:DOM (文档对象模型)BOM(浏览器对象模型) 2. DOM DOM(document Object Mo ...
html5 dom api,HTML5 DOM File API
访问选中的文件简单的html代码: 通过File API,我们可以在用户选取一个或者多个文件之后(如果你的程序可以让用户选择多个文件,记得要在input元素上加上multiple属性),访问到代表了 ...
什么是 web API？ DOM和BOM
一.API和Web API API(Application Programming Interface ,应用程序API):是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或者硬件得以访问 ...
js篇--学习web-api第一天（DOM的学习）
Web API 1.API的概念 API(Application Programing Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问 ...
Web前端学习笔记——JavaScript之WEBAPI、BOM、DOM及获取页面元素
Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访 ...
鸿蒙开发访问webapi,Web API接口
#e# 3.集合和分页的处理在很多接口里面,我们都需要用到分页的处理,Web API也不例外,这样可以提交数据检索效率,减少服务器数据处理的压力,同时也提交客户端的数据显示速度. 一般的集合接口定义 ...
js篇--学习web-api第二天（DOM的学习）
案例 1.点击按钮,禁用文本框 <input type="button" value="点击" id="btn"/> <i ...

最新文章

热门文章