![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
三:WebAPI编程(看视频)
看视频学习WEBAPI编程
库库好困
向各位大佬们致敬
展开
-
WebAPI编程第四天案例汇总
案例1: setTimeout定时器:5秒后自动关闭的广告 案例分析 ① 核心思路:5秒之后,就把这个广告隐藏起来 ② 用定时器setTimeout <body> <img src="images/ad.jpg" alt="" class="ad"> <script> var ad = document.querySelector('.ad'); setTimeout(function() { ad.原创 2020-05-16 13:58:46 · 246 阅读 · 0 评论 -
WebAPI编程第四天知识点以及知识点案例:BOM概述、window 对象的常见事件、定时器、JS执行机制、location 对象、navigator 对象、history 对象
目标 能够说出什么是 BOM 能够知道浏览器的顶级对象 window 能够写出页面加载事件以及注意事项 能够写出两种定时器函数并说出区别 能够说出 JS 执行机制 能够使用 location 对象完成页面之间的跳转 能够知晓 navigator 对象设计的属性 能够使用 history 提供的方法实现页面刷新 1. BOM 概述 1.1 什么是 BOM BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 BOM原创 2020-05-16 13:58:33 · 391 阅读 · 0 评论 -
WebAPI编程第三天案例:事件高级
案例1: 跟随鼠标的天使 案例分析: ① 鼠标不断的移动,使用鼠标移动事件: mousemove ② 在页面中移动,给document注册事件 ③ 图片要移动距离,而且不占位置,我们使用绝对定位即可 ④ 核心原理: 每次鼠标移动,我们都会获得最新的鼠标坐标, 把这个x和y坐标做为图片的top和left 值就可以移动图片 <style> img { ...原创 2020-05-08 10:48:16 · 217 阅读 · 0 评论 -
WebAPI编程第三天知识点以及知识点案例:事件高级
DOM 重点核心 文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。 W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。 对于JavaScript,为了能够使JavaScript操作HTML,JavaScript就有了一套自己的dom编程接口。 对于...原创 2020-05-08 10:48:01 · 221 阅读 · 0 评论 -
WebAPI编程第二天案例:DOM
案例1:百度换肤 案例分析: ① 这个案例练习的是给一组元素注册事件 ② 给4个小图片利用循环注册点击事件 ③ 当我们点击了这个图片,让我们页面背景改为当前的图片 ④ 核心算法: 把当前图片的src 路径取过来,给 body 做为背景即可 <style> * { margin: 0; padding: 0; ...原创 2020-05-05 18:18:57 · 155 阅读 · 0 评论 -
WebAPI编程第二天知识点以及知识点案例:DOM
操作元素 1.排他思想 如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法: 所有元素全部清除样式(干掉其他人) 给当前元素设置样式 (留下我自己) 注意顺序不能颠倒,首先干掉其他人,再设置自己 <body> <button>按钮1</button> <button>按钮2</button>...原创 2020-05-05 18:18:37 · 181 阅读 · 0 评论 -
WebAPI编程第一天案例:DOM
案例1:仿京东显示密码 案例分析: ① 核心思路: 点击眼睛按钮,把密码框类型改为文本框就可以看见里面的密码 ② 一个按钮两个状态,点击一次,切换为文本框,继续点击一次切换为密码框 ③ 算法:利用一个flag变量,来判断flag的值,如果是1 就切换为文本框,flag 设置为0,如 果是0 就切换为密码框,flag设置为1 <style> .box { ...原创 2020-05-03 06:17:55 · 244 阅读 · 0 评论 -
WebAPI编程第一天知识点以及知识点案例:DOM
目标 能够说出什么是DOM 能够通过JS获取页面元素 能够给元素注册事件 能够操作DOM元素的属性 能够创建元素 能够操作DOM节点 1. DOM 简介 1.1 什么是 DOM 文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。 W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口...原创 2020-05-03 06:17:10 · 308 阅读 · 0 评论 -
WebAPI编程第一天理论知识点
目标 能够说出WebAPIs阶段与JavaScript语法阶段的关联性 能够说出什么是API 能够说出什么是Web API 1. Web APIs 和 JS 基础关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 2. API 和 Web API 2.1 API 2.2 Web API Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API...原创 2020-04-29 16:56:15 · 144 阅读 · 0 评论