JavaScript Web APIs

最新推荐文章于 2024-08-25 09:57:22 发布
最新推荐文章于 2024-08-25 09:57:22 发布
阅读量823 收藏
点赞数
分类专栏： 前端学习 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43637824/article/details/131718508
版权

文章目录

Web API基本认识

1.作用和分类

在这里插入图片描述

2.什么是DOM

在这里插入图片描述

3.DOM树

在这里插入图片描述

4.DOM对象

在这里插入图片描述

获取DOM对象

1.根据CSS选择器来获取DOM元素

1.1 选择匹配的第一个元素

在这里插入图片描述

1.2 选择匹配的多个元素

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

操作元素内容

1.innerText

在这里插入图片描述

2.innerHTML

在这里插入图片描述

操作元素属性

1.操作元素常用属性

在这里插入图片描述

2.操作元素样式属性

在这里插入图片描述

2.1 通过style属性操作css

在这里插入图片描述

2.2 通过类名修改样式

在这里插入图片描述

2.3 通过classList修改样式

在这里插入图片描述

3.操作表单元素属性

在这里插入图片描述
在这里插入图片描述

4.自定义属性

在这里插入图片描述

定时器-间歇函数

1.定时器函数介绍

1.1 开启定时器

在这里插入图片描述

1.2关闭定时器

在这里插入图片描述

事件监听

1.事件监听

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.事件监听版本

在这里插入图片描述
在这里插入图片描述

事件类型

在这里插入图片描述

事件对象

1.获取事件对象

1.1 事件对象是什么

在这里插入图片描述

1.2 如何获取事件对象

在这里插入图片描述

1.3 部分常用属性

在这里插入图片描述

环境对象

在这里插入图片描述

回调函数

在这里插入图片描述

事件流

1.事件流与两个阶段说明

在这里插入图片描述

2.事件捕获

在这里插入图片描述

3.事件冒泡

在这里插入图片描述

4.阻止冒泡

在这里插入图片描述

5.解绑事件

在这里插入图片描述

事件委托

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

其他事件

1.页面加载事件

在这里插入图片描述
在这里插入图片描述

2.页面滚动事件

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

3.页面尺寸事件

在这里插入图片描述
在这里插入图片描述

元素尺寸与位置

在这里插入图片描述

日期对象

1.实例化

在这里插入图片描述

2.日期对象方法

在这里插入图片描述

3.时间戳

在这里插入图片描述
在这里插入图片描述

节点操作

1.DOM节点

在这里插入图片描述

2.查找结点

在这里插入图片描述

1.1 父节点查找

在这里插入图片描述

1.2 子节点查找

在这里插入图片描述

1.3 兄弟关系查找

在这里插入图片描述
在这里插入图片描述

2.增加节点

2.1 创建节点

在这里插入图片描述

2.2 追加节点

在这里插入图片描述

2.3 克隆节点

在这里插入图片描述

2.4 删除节点

在这里插入图片描述

M端事件

在这里插入图片描述

JS插件

在这里插入图片描述

Window对象

1.BOM(浏览器对象模型)

在这里插入图片描述

2.定时器-延时函数

在这里插入图片描述
在这里插入图片描述

3.JS执行机制

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.location对象

4.1 href属性

在这里插入图片描述

4.2 search属性

在这里插入图片描述

4.3 hash属性

在这里插入图片描述

4.4 reload方法

在这里插入图片描述

5.navigator对象

在这里插入图片描述

6.histroy对象

在这里插入图片描述

本地存储

1.本地存储介绍

在这里插入图片描述

2.localStorage

2.1 特性

在这里插入图片描述

2.2 存储、获取数据

在这里插入图片描述

3.sessionStorage

在这里插入图片描述
在这里插入图片描述

4.存储复杂数据类型

在这里插入图片描述

在这里插入图片描述

数组中map、join方法

1.迭代数组

在这里插入图片描述

2.数组中join方法

在这里插入图片描述

正则表达式

1.什么是正则表达式

在这里插入图片描述
在这里插入图片描述

2.语法

在这里插入图片描述

2.1 定义正则表达式语法

在这里插入图片描述

2.2 判断是否有符合规则的字符串

在这里插入图片描述

2.3 检索(查找)符合规则的字符串

在这里插入图片描述

3.元字符

在这里插入图片描述
在这里插入图片描述

3.1 边界符

在这里插入图片描述

3.2 量词

在这里插入图片描述

2.3 字符类

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.修饰符

在这里插入图片描述

4.1 replace

在这里插入图片描述

半岛铁盒if
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript Web APIs - 06 正则表达式
Forever_Hopeful的博客
08-31 930
JavaScript Web APIs - 06 正则表达式
Javascript Web APIs
xihuanLilia的博客
02-12 166
文章目录一、Web API介绍API的概念Web API的概念总结 一、Web API介绍 API的概念 API（Application Programming Interface，应用程序编程接口）是一些预定义的函数，目的是提供应用程序和开发人员基于某软件或者硬件得以访问一组例程的能力 ，而又无需访问源码，无需理解其内部工作机制细节 ，只需要直接调用即可 可以简单的理解为 API是给程序员提供的一种工具，以便于可以更轻松的实现一些想要完成的功能 例如 javascript中有一个函数alert()可以在
JavaScript Web APIs2
2401_84152911的博客
05-12 747
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
JavaScript——Web APIs
蟹黄堡
05-22 271
JS的组成 JavaScript由ECMAScript（JavaScript基础）、DOM和BOM（Web APIs）组成。 其中，JavaScript基础是ECMAScript标准规定的基本语法；而Web APIs是W3C组织的标准。 API和Web API API（应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码或理解内部工作机制的细节。 Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）。
2024年 前端JavaScript Web APIs 第六天 APIs end 笔记
PieroPc的博客
03-29 157
正则表达式：语法、元字符、修饰符
2024年 前端JavaScript Web APIs 第一天 笔记
PieroPc的博客
02-28 382
DOM 元素 通过style修改样式属性 获取 修改 表单 值 自定义属性 定时器
JavaScript核心Web APIs
weixin_58997863的博客
08-23 1583
前端学习之 JavaScript核心WebAPIs 学完JavaScript基础，就可以学习JavaScript核心 DOM 和 BOM操作了，真正体会JavaScript的魅力，本文会讲解如何获取DOM元素，如何操作DOM 元素，BOM操作， 事件，事件对象，事件委托，JS执行队列，定时器，常见网页特效，比如轮播图，tab栏切换等。 还会讲解移动端如何制作网页特效，带你进入JavaScript的实际开发应用。
Web APIs
chinusyan的专栏
05-04 708
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，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可
JavaScript Web APIs（六）
weixin_50643611的博客
03-14 1048
大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字。表示重复 0 次或1次、* 表示重复 0 次或多次、{m, n} 表示复 m 到 n 次。是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。如果正则表达式与指定的字符串匹配 ，返回true，否则false。（1）[ ] 里面加上 - 连字符，使用连字符 - 表示一个范围。g 是单词 global 的缩写，匹配所有满足正则表达式的结果。边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）
webapis-playground:Web APIs Playground 是一个通过示例和演示来展示 JavaScript Web APIs 的项目。 客户端 JavaScript API 可帮助为许多低级任务提供包装函数
07-24
Web APIs Playground是一个通过示例和演示来展示 JavaScript Web APIs 的项目。 客户端 JavaScript API 为许多低级任务提供包装函数，例如， 设备硬件交互 客户端存储交互 3D 图形，WebGL 通知 音频视频 还有很多...
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 , ...
04-WebApis-CodeQuiz
03-09
【标题】"04-WebApis-CodeQuiz" 指的是一项基于Web ...以上就是"04-WebApis-CodeQuiz"项目中涉及的关键技术和知识点，通过这个项目，开发者不仅能深化对JavaScript和Web API的理解，还能提升实际项目开发和调试的能力。
js-cs3apis:官方Javascript CS3APIS
03-25
JavaScript CS3APIS是针对CS3（Computing Service 3）规范的一套官方JavaScript库，它允许开发者在Web应用中与各种计算服务进行交互。CS3标准旨在提供一种跨平台、标准化的方式来访问和操作计算资源，如存储、计算...
WebAPIs基础笔记
07-07
WebAPIs笔记
vue ref和reactive区别
最新发布
灰海
08-25 318
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
前端开发攻略---在Vue3项目中修改Element-Plus主题色
nibabaoo的博客
08-22 226
在Vue3项目中修改Element-Plus主题色
【js】各类前端输入校验方法
galaxyJING的博客
08-21 368
【代码】【js】各类前端输入校验方法。
vue中定义一个url文件,在vue文件中引入
weixin_65767506的博客
08-22 308
1.在src/utils文件夹下创建一个url.js。3.在其他vue文件中引入。2.url.js的内容为。4.在挂载时打印一下。打印出来就可以用了.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值