JS核心——DOM、BOM操作（Web APIs）

最新推荐文章于 2022-07-16 14:38:52 发布
最新推荐文章于 2022-07-16 14:38:52 发布
阅读量218 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46541543/article/details/108113298
版权

文章目录

一、Web APIs和JS基础的关联性

1.1 JS的组成
JavaScript
ECMAScript
DOM
BOM
JavaScript基础
Web APIs

1.2 JS基础阶段以及Web APIs阶段

JS基础阶段Web APIs
学习ECMAScript规定的基础语法Web APIs是w3c组织的标准
学习简单的语法目的是为了后面打基础、做铺垫Web APIs我们主要学习DOM和BOM

JS基础学习ECMAScript基础语法为后面做铺垫，Web APIs是JS应用，大量使用JS基础语法做交互效果

二、API和Web API

2.1 API

简单理解：API（应用程序编程接口）是程序员提供的一种工具，以便能更轻松的实现想要完成的功能

比如手机充电的接口：

img

我们要实现充电的功能：

  • 我们不需要关心手机内部的结构
  • 我们不需要关系这个充电线的结构
  • 我们只需知道我们拿着充电线插进充电接口里面就可以充电
  • 这个充电的接口就是一个API

2.2 Web API

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

主要针对浏览器进行交互效果

MDN详细API地址：Web APIs

因为Web API很多，所以叫做Web APIs

2.3 API和Web API总结

  • API是为我们程序员提供的一个接口，帮助我们实现某种功能，我们只需要会使用就行了，不需要纠结内部是如何实现的
  • Web API主要针对于浏览器提供的接口，主要针对浏览器做交互效果
  • Web API一般都有输入和输出（函数的传参和返回值），Web API很多都是方法（函数）

参考文献：Pink老师：前端基础进阶-JavaScript核心 DOM BOM操作

itliekXd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
前端基础进阶-JavaScript核心 DOM BOM操作-第一天课后作业
weixin_48132252的博客
12-28 864
第一天世纪佳缘 用户名 显示隐藏内容功能描述代码实现注意事项京东关闭广告（直接隐藏即可）功能描述代码实现新浪下拉菜单（微博即可）功能描述代码实现注意事项开关灯案例功能描述代码实现注意事项 世纪佳缘 用户名 显示隐藏内容 功能描述 表单框默认内容为“邮箱/ID/手机号”；颜色较浅。 鼠标放到表单框时，内容清空，边框颜色变为粉色。输入内容颜色较深。 鼠标离开，如果输入有内容则保留原有输入内容；没有输入内容则改回默认内容。颜色较浅。 代码实现 <!DOCTYPE html> <html la
Javascript之BOM与DOM讲解
热门推荐
晨港飞燕的专栏
05-13 8万+
一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...
[前端学习笔记]JavaScript APIs(DOM和BOM)
酸奶的博客
01-17 693
一、Web API 1. API API(Application Programming Interface,应用程序编程接口)：是一些预定义的接口(如函数、HTTP接口)。目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而无需访问源码或理解内部工作机制的细节。 简单理解为：API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能。
DOM和BOM的api有哪些？
luoxiaonuan_hi的博客
07-16 710
dom和bom
javascript核心 DOM BOM 操作
weixin_46935966的博客
04-10 279
1.web APIs 和 JS 基础关联性 1.2 JS基础阶段以及Web APIs阶段 JS基础阶段 我们学习的是ECMAScript 标准规定的基本语法，要求掌握JS 基础语法，而只学习了语法是做不了常用的网页交互效果的，学习标准的目的是为了 ...
2 妙味课堂原创JavaScript视频教程 DOM 2课 BOM课程资料
08-25
2 妙味课堂原创JavaScript视频教程 DOM 2课 BOM课程资料
jsdom：各种Web标准JavaScript实现，用于Node.js
02-03
jsdom是许多Web标准（特别是WHATWG 和标准）的纯JavaScript实现，可与Node.js一起使用。 通常，该项目的目标是模拟Web浏览器的子集，从而足以用于测试和抓取实际的Web应用程序。 jsdom的最新版本需要Node.js v10或...
webapis-playground:Web APIs Playground 是一个通过示例和演示来展示 JavaScript Web APIs 的项目。 客户端 JavaScript API 可帮助为许多低级任务提供包装函数
07-24
Web APIs Playground是一个通过示例和演示来展示 JavaScript Web APIs 的项目。 客户端 JavaScript API 为许多低级任务提供包装函数，例如， 设备硬件交互 客户端存储交互 3D 图形，WebGL 通知 音频视频 还有很多...
html5-apis:HTML5 Web API
05-22
HTML5 Web API 您可能不知道的有关HTML5 Web API的示例！例子参考Web组件
tizen-tv-webapis
05-17
script type =" text/javascript " src =" $WEBAPIS/webapis/webapis.js " > </ script > // js const avinfo = require ( 'tizen-tv-webapis' ) ; const { getVersion , getDolbyDigitalCompMode , ...
Web APIs.xmind
12-05
- API（Application Programming Interface）应用程序编程==接口==（暴露出来的工具）。 - webAPI：浏览器平台对外公开的提供操作浏览器和网页的接口（BOM、DOM
DOM基础
weixin_45666464的博客
07-23 200
学习目标 了解DOM的基本概念，以及实现在JavaScript中的作用 学习内容 什么是DOM 用DOM获取页面中的元素 事件基础 操作元素 一、什么是DOM 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML 或者XML）的标准编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 文档：一个页面就是一个文档，DOM 中使用 do...
JavaScript（核心、BOM、DOM）[转]
王东电台
03-03 2144
JavaScript是基于对象和事件驱动的客户端脚本语言。有如下特点： 交互性 安全性（不可以直接访问本地硬盘） 跨平台性（只要是可以解析js的浏览器都可以执行，和平台无关） 1、JavaScript和Java不同！ ①所属：NetScape和Sun ②基于对象和面向对象 ③JS可以直接解析执行，Java需先编译在运行 ④JavaScript是一
保安日记：JavaScript学习第十一篇之BOM
Zhuo_De的博客
10-20 250
BOM 什么是 BOM BOM ( Browser Object Model）)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。 BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。 BOM的构成 BOM比DOM更大 window对象是浏览器的顶级对象，它具有双重角色。 它是JS访问浏览器窗口的一个接口。
javaScript的DOM与BOM操作
weixin_34367845的博客
05-22 178
javaScript的DOM与BOM操作 JavaScript的组成 ECMAScript - JavaScript的核心 定义了JavaScript 的语法规范 JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关 BOM - 浏览器对象模型 一套操作浏览器功能的API 通过BOM可以操作浏览器窗口，比如：弹出框、...
JavaScript的组成 | DOM/BOM
weixin_34245082的博客
11-19 115
往期回顾 在上一期的《JavaScript的组成 | 核心-ECMAScript 》☜里，我们有说到JavaScript 是由三大部分组成，分别是：核心ECMAScript、文档对象模型-DOM、浏览器对象模型-BOM 那么本期就让我们继续往下说说DOM、BOM这两大部分吧： 文档对象模型（DOM） 面试官很喜欢问的：“你知道什么是文档对象模型吗？”，那今天我们一个个来解释一下吧： DOM：Do...
1.JavaScript核心BOM操作学习（界面交互功能）——JavaScript初始入门介绍，以及通过JavaScript完成简单功能的实现
getture的博客
08-10 340
注：本人少量掌握HTML CSS 以及JavaScript基础语法 也有一个自己做的网站 BOOKSAM 课程学习：bilibili上的黑马pink的课程（点击此处直接跳跃） https://www.bilibili.com/video/BV1k4411w7sV?from=search&seid=243946891004868535 第一天 A[JavaScript]–>B[ads] ...
5.JavaScript核心BOM操作学习（界面交互功能）——DOM操作的总结，通过JavaScript动态生成表格
getture的博客
08-14 403
案例：动态生成表格 <style> td{ border-width:1px; border-style:solid; width:50px; height:20px; background-color:pink; } tr{ background-color:pink; } table{ border-collapse:collapse; margin:0px auto; text-align:center; font-size:10px;
javascript的DOM、BOM操作
mango_love的专栏
12-30 1669
首先，网页是由一个一个xml的节点构成，页面加载成一刻树状。所以我们通过js操作元素的节点，对元素的增、删、改、查，对元素的属性、值、事件等操作属于DOM操作（ document object model 文档对象模型）。对浏览器框架窗口对象的操作属于BOM操作（Browser Object Model 浏览器对象模型）。js里面还有语法、类型、语句、关键字、运算符、对象等一些是ECMAScrip
webapis学生报名系统代码步骤
最新发布
11-25
设计一个webapis学生报名系统的代码步骤如下： 1. 数据库设计：首先确定需要存储的数据，例如学生的基本信息，课程信息等。根据需求设计数据库表结构，并创建相应的表。 2. 后端接口设计：根据系统需求，设计后端...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值