2021/12/2（Web Apis）

最新推荐文章于 2025-12-04 22:56:41 发布
原创 最新推荐文章于 2025-12-04 22:56:41 发布 · 158 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript

这篇博客介绍了JavaScript的基础，包括ECMAScript语法和API的使用。重点讲解了Web API，特别是DOM的概念，如文档对象模型、元素和节点的表示，并详细阐述了如何通过ID、标签名等方法获取页面元素。此外，还提到了HTML5新增的获取元素方法和一些特殊的元素操作。

今天学完了JS初级感觉好多。。。。

1.1Js的组成

 

JS基础阶段

我们学习的是ECMAScript标准规定的基本语法

2.1API

API是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节

简单理解：API是给程序员提供的一种工具，以便更轻松的实现想要完成的功能

2.2Web API

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

3.DOM

3.1什么是DOM

文档对象模型，是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口

3.1.2DOM树

文档：一个页面就是一个文档，DOM中使用document表示

元素：页面中的所有标签都是元素，DOM中使用element表示

节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM中使用node表示

 

3.2获取元素

3.2.1如何获取页面元素

根据ID获取

根据标签名获取

通过HTML5新增的方法获取

特殊元素获取

3.2.1.1根据ID获取

使用getElementByld（）

精选资源
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 , ...
12 Build a Weather App - Use GPS and APIs to Get Data from the Web 2/2
04-20
在这个教程“12 Build a Weather App - Use GPS and APIs to Get Data from the Web 2/2”中，我们将深入探讨如何构建一个天气应用程序，利用GPS定位技术和Web APIs获取实时的气象数据。这是一个Java编程项目，重点...
Web APIs
chinusyan的专栏
05-04 776
Web APIs 主要学习 DOM 和 BOM Web APIs are typically used with JavaScript, although this doesn’t always have to be the case. 一、Web API API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可
【Web APIs】Web APIs 简介 ( JavaScript 组成 | Web APIs 概念 | DOM 文档对象模型 | BOM 浏览器对象模型 | MDN 参考文档 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
06-17 1492
一、Web APIs 简介 1、JavaScript 组成 2、Web APIs 引入 3、Web APIs 概念 4、Web APIs 参考文档 5、常见的 Web APIs 功能
vue 调用腾讯地图 https://apis.map.qq.com/ws/place/v1/suggestion/
Myqqlady的博客
07-19 4244
vue 调用腾讯地图 1.先安装依赖 npm install jsonp 2. 新建一个jsonp.js 文件 3. 以下代码放到jsonp.js文件里 exports.install = function(Vue,options){ // 参数：method（API名），data（请求参数对象） Vue.prototype.jsp = function(method,data){ // baseUrl就是服务器地址 const baseUrl = ‘https://apis.map.qq.com/’; /
系统带你学习 WebAPIs 第二讲
热门推荐
官方推荐
11-03 3万+
Web APIs 本篇学习目标： 能够说出排他操作的一般实现步骤 能够使用html5中的dataset方式操作自定义属性 能够根据提示完成百度换肤的案例 能够根据提示完成全选案例 能够根据提示完成tab栏切换案例 能够区分元素节点、文本节点、属性节点 能够获取指定元素的父元素 能够获取指定元素的所有子元素 能够说出childNodes和children的区别 能够使用createElement创建页面元素 1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需
WebAPIs-基础知识
qq_31087241的博客
05-12 1658
###WebAPIs Web APIs 是W3C组织的标准 Web APIs 是JavaScript所独有的部分 Web APIs 主要提供页面交互功能 JS的应用 API (Application Programming Interfact) 应用程序编程接口 : 一些预定义的函数，提供应用程序和开发人员基于某软件或硬件得意访问一组例程的能力 Web API : 浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) DOM （Document Object Model) : W3C组织推
pink-常用Web APIs
xieanna123的博客
12-14 644
pink-常用Web APIs 视频链接：常用Web APIs 一、Web APIs 简介 1. Web APIs 和JS 基础关联性 2.API 和 Web API
关于Web APIs 的总结第一篇
2301_76385322的博客
06-13 2480
本文摘要： DOM操作分为DOM（文档对象模型）和BOM（浏览器对象模型）。DOM用于操作HTML文档内容，获取元素方法包括querySelector和getElement系列。元素操作涵盖内容修改（innerText/innerHTML）、属性设置（src/className）、样式调整（style属性）和表单控制。事件处理使用addEventListener监听鼠标、键盘等交互，通过事件对象（e）获取触发信息。this指向根据调用方式决定，包括默认绑定、隐式绑定等5种规则。回调函数用于异步编程，在操作完
Web APIs 简介
喔吼吼吼
08-11 737
1. Web APIs 和 JS 基础关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 JS 基础学习 ECMAScript 基础语法为后面作铺垫， Web APIs 是 JS 的应用，大量使用 JS 基础语法做交互效果 JS 基础阶段 我们学习的是 ECMAScript 标准规定的基本语法 要求同学们掌握 JS 基础语法 只学习基本语法，做不了常用的网页交互效果 目的是为了 JS 后面的课程打基础、做铺垫 Web APIs 阶段 Web APIs 是
RESTful  Web APIs设计风格
weixin_43790276的博客
10-17 2037
RESTful Web APIs设计风格 RESTful(Representational State Transfer，简称REST)是一种网络Web程序的设计风格和开发方式。 一、RESTful简介 在开发Web应用时，可以采用前后端不分离模式或前后端分离模式。 1. 前后端不分离模式 前后端不分离模式的代码耦合度比较高，前端页面看到的效果都是由后端控制的，这种Web应用一般是纯网...
Web APIs -获取元素/事件基础/操作元素
qq_41853417的博客
09-23 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DOM</title> <script> //DOM 获取元素 /.
PHP.Web.Services.APIs.for.the.Modern.Web.2nd.Edition
01-14
Whether you’re sharing data between two internal systems or building an API so users can access their data, this practical book provides everything you need to build web service APIs with ...
Web APIs.xmind
12-05
- API（Application Programming Interface）应用程序编程==接口==（暴露出来的工具）。 - webAPI：浏览器平台对外公开的提供操作浏览器和网页的接口（BOM、DOM
Web APIs综合案例素材.zip
11-13
Web APIs，全称为Web应用程序接口，是互联网上用于不同服务之间通信的一种技术。它允许不同的应用程序之间共享数据和功能，从而构建出丰富的交互式Web应用。在这个“Web APIs综合案例素材.zip”压缩包中，我们可以...
React大模型网站-流式推送markdown转换问题以及开启 rehype-raw,rehype-sanitize,remark-gfm等插件的使用
m0_61998604的博客
12-04 1126
本文介绍了在React大模型网站中实现流式推送Markdown转换的方法，重点讲解了ReactMarkdown库及其配套插件的使用。主要内容包括：1）ReactMarkdown基础用法；2）通过rehype-raw插件支持HTML标签渲染；3）使用rehype-sanitize防止XSS攻击；4）利用remark-gfm支持GitHub风格的Markdown语法；5）给出了完整的流式渲染实现方案，包含SSE推送、内容累积和实时更新等关键技术。文章还提供了完整的代码示例，帮助开发者快速实现安全可靠的Markd
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 874
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
深度解析前端input标签：从默认样式覆盖到浏览器自动填充和兼容以及文本域
鹏多多的博客
12-03 1006
HTML表单中的<input>标签是核心交互元素，支持多种输入类型（如文本、密码、单选、文件上传等），通过type属性定义不同功能。其核心属性包括数据标识（name/id）、状态控制（disabled/readonly）、验证限制（pattern/maxlength）和交互优化（autofocus/autocomplete）。浏览器默认样式存在兼容性问题，可通过CSS重置实现统一外观，特别是对单选/复选框需要特殊样式覆盖处理。自动填充功能基于name属性和表单上下文触发，可通过autocompl
50、【Ubuntu】【Gitlab】拉出内网 Web 服务：http.server 单/多线程分析（二）
最新发布
HIT_Weston的博客
12-04 1324
本文分析了Python的http.server模块在单线程和多线程模式下的性能表现。通过测试发现，单线程模式下（Python<3.7）并发请求会被阻塞，后发请求需要等待前一个请求完成；而多线程模式下（Python≥3.7）可以同时处理多个请求。作者通过slow_server.py脚本模拟耗时操作，使用time curl命令测试响应时间，验证了线程模型的差异。文章还指出Python 3.7是一个重要分水岭，官方将默认命令行服务器升级为多线程以提升用户体验。技术细节参考了CPython源码，并提供了Git
精通RESTful Web APIs设计
"RESTful Web APIs 是一本由 Leonard Richardson 和 Mike Amundsen 合著，并由 Sam Ruby 撰写前言的专业书籍，专注于探讨如何设计和实现高效、优雅的 RESTful Web API。这本书受到了业界专家的高度评价，被认为是对 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值