【JavaScript】Javascript—APIs—Day01

发布时间:2026/9/29 0:16:14

【JavaScript】Javascript—APIs—Day01
Javascript——Day0601. 声明变量const优先02. DOM树和DOM对象03. 获取DOM元素04. DOM修改元素内容以及年会抽奖案例05. DOM修改元素常见属性以及案例06. 通过style修改样式07. 通过类名修改样式08. 通过classList修改样式09. 随机轮播图案例10. 获取设置表单的值11. H5自定义属性-data12. 定时器-间歇函数13. 用户倒计时效果14. 综合案例—轮播图定时版01. 声明变量const优先JS学习目录课程安排第一天变量声明那么提出以下问题实操没有报错。所以为什么复杂数据类型就可以呢请看内存存储演示存储的数组其地址没变则不算改变。如若改变数组地址如赋值新的数组则算改变。总结02. DOM树和DOM对象Web API基本认知1API的作用和分类注意alert、prompt都是属于DOM内的。2什么是DOM操作网页内容即操作标签。总结3DOM树整个页面都是document。4DOM对象上文提及DOM树主要目的是把DOM标签之间的关系展示出来且这个API是通过JS的形式来操控这些标签比如说让一个div通过js的形式让其里面的文字改变。操作标签的第一步是获取标签在js内在dom内每一个标签都会有一个对应着的DOM树结构和它一一对应它是以对象的形式来表示的。在js内任何一个标签都是一个对象。即把标签获取过来在js内都是当对象来看的document对象03. 获取DOM元素css是通过选择器获取标签。而js有它自己的方式。我们想要操作某个标签首先要做什么根据CSS选择器来获取DOM元素1选择匹配第一个元素注意只返回第一个例如通过标签名。例如通过其他的。2)选择匹配多个元素总结遍历但也可以不遍历最后注意其他获取DOM元素的方法04. DOM修改元素内容以及年会抽奖案例接下来我们要讲的是操作元素的内容请看我们所见到的倒计时就是在修改文字内容但是不解析标签所以我们可以更换使用innerHTML总结年会抽奖案例实操定义一个数组随机生成一个索引值把名字填上一等奖然后删除数组内该值以此类推。实操然后二三等奖的复制粘贴即可。05. DOM修改元素常见属性以及案例学习目录操作元素常用属性练习06. 通过style修改样式通过style修改样式案例随机更换背景图片刷新更换07. 通过类名修改样式如果我们需要给这个盒子修改的样式比较多那么采取style形式修改则需要写很多很多行代码如下图解决方案赋值class08. 通过classList修改样式因为通过className类名去修改样式的话他会覆盖原先的类名则我们想添加某个类的时候就一定要去查找这个标签原来有没有类名。box是对象区别总结09. 随机轮播图案例案例实操10. 获取设置表单的值获取设置表单的值例子1修改表单值用value、更改类型用属性例子2其他属性修改举例11. H5自定义属性-data我们先前操作的都是元素本身就有的属性12. 定时器-间歇函数定时器—间歇函数使用let是因为定时器有开有关开的时候会重新赋予新值。13. 用户倒计时效果用户倒计时效果14. 综合案例—轮播图定时版案例思路

相关新闻

Unity强化学习实战项目—自动泊车「Unity+MLagent」—效果展示【源码在文末】

Unity强化学习实战项目—自动泊车「Unity+MLagent」—效果展示【源码在文末】

2026/8/27 13:24:17

Unity强化学习实战项目—自动泊车「UnityMLagent」—效果展示【源码在文末】 文章目录Unity强化学习实战项目—自动泊车「UnityMLagent」—效果展示【源码在文末】一、内容与步骤二、效果展示三、源码一、内容与步骤 1、搭建一个简单的停车场模型并实现小车运动,要…

安全强化学习:约束优化与工程实践指南

安全强化学习:约束优化与工程实践指南

2026/9/8 4:56:02

1. 安全强化学习的基本概念与挑战强化学习在模拟环境中取得了显著成就,但在现实世界应用中面临严峻的安全挑战。传统强化学习通过试错探索来优化策略,这种机制在物理环境中可能导致严重后果。想象一下自动驾驶汽车在真实道路上随机尝试各种动作——这显然…

AI Agent技术解析与2026年发展预测

AI Agent技术解析与2026年发展预测

2026/9/8 15:45:19

1. AI Agent技术爆发的前夜:为什么2026年将成为转折点2023年ChatGPT的横空出世让大众首次体验到对话式AI的威力,但这只是AI Agent技术革命的序幕。作为从业十余年的全栈开发者,我观察到技术演进呈现三个明确信号:微软AutoGen等框架…

CANN/GE ACL数据集缓冲区添加函数

CANN/GE ACL数据集缓冲区添加函数

2026/9/28 4:08:17

aclmdlAddDatasetBuffer 【免费下载链接】ge GE(Graph Engine)是面向昇腾的图编译器和执行器,提供了计算图优化、多流并行、内存复用和模型下沉等技术手段,加速模型执行效率,减少模型内存占用。 GE 提供对 PyTorch、Te…

用ffmpeg高效批量调整图片尺寸的实战指南

用ffmpeg高效批量调整图片尺寸的实战指南

2026/9/28 16:01:49

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

Transformers 音频特征提取工具库 audio_utils 全解析:从 Mel 刻度换算到对数 Mel 频谱

Transformers 音频特征提取工具库 audio_utils 全解析:从 Mel 刻度换算到对数 Mel 频谱

2026/9/28 2:15:29

Transformers 音频特征提取工具库 audio_utils 全解析:从 Mel 刻度换算到对数 Mel 频谱 【免费下载链接】transformers 🤗 Transformers: the model-definition framework for state-of-the-art machine learning models in text, vision, audio, and mu…

RustFS 多节点集群重启与滚动升级实战:Readiness、Quorum 与 Degraded 模式完全指南

RustFS 多节点集群重启与滚动升级实战:Readiness、Quorum 与 Degraded 模式完全指南

2026/9/28 3:14:54

RustFS 多节点集群重启与滚动升级实战:Readiness、Quorum 与 Degraded 模式完全指南 【免费下载链接】rustfs 🚀2.3x faster than MinIO for 4KB object payloads. RustFS is an open-source, S3-compatible high-performance object storage system sup…

Java Integer缓存揭秘:128陷阱原理、避坑与面试全解

Java Integer缓存揭秘:128陷阱原理、避坑与面试全解

2026/9/28 3:58:00

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

RustFS Scanner 数据用量发布权威性决策:配额准入如何获得可用的权威依据

RustFS Scanner 数据用量发布权威性决策:配额准入如何获得可用的权威依据

2026/9/28 3:47:14

RustFS Scanner 数据用量发布权威性决策:配额准入如何获得可用的权威依据 【免费下载链接】rustfs 🚀2.3x faster than MinIO for 4KB object payloads. RustFS is an open-source, S3-compatible high-performance object storage system supporting mi…

远程协作的工作台整理

远程协作的工作台整理

2026/9/28 16:01:48

远程协作的工作台整理远程协作的核心不是再加一个工具,而是让交接信息足够完整。异步任务要写明目标、输入位置、完成标准和需要决策的人。 工作台的最小配置 将日程、待办、代码和沟通入口收拢到少数固定位置;通知按紧急程度分层。工作台不需要模仿办公…

持续集成 流水线自动化与 声明式交付 实践:原型怎样变成可用功能

持续集成 流水线自动化与 声明式交付 实践:原型怎样变成可用功能

2026/9/28 5:05:21

持续集成 流水线自动化与 声明式交付 实践:原型怎样变成可用功能分类:[AI/大模型]细分主题:AI 增强型 CI/CD 流水线自动化与 GitOps 实践:Agent 工作流、工具调用与任务拆解:从原型到生产的验收清单很多团队在尝试用大…

容器编排 生产环境运维与排障实战:复盘记录怎样真正派上用场

容器编排 生产环境运维与排障实战:复盘记录怎样真正派上用场

2026/9/28 16:01:48

容器编排 生产环境运维与排障实战:复盘记录怎样真正派上用场分类:[工程技术]细分主题:Kubernetes 生产环境运维与排障实战:可复制的项目复盘模板与决策记录大部分团队的事故复盘报告,最后都变成了躺在 Confluence 或钉…