Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

JavaScript api——Web开发人员的课程

学习一些令人惊叹的JavaScript API和HTML技术和使用JavaScript和HTML创建交互内容

Highest Rated

Created byfei ye

Last updated 9/2020

Chinese (Simplified)

Chinese (Simplified) [Auto],

What you'll learn

学习先进的JavaScript api
学会DOM
会使用基本标签，表格标签等
元素的操作样式等

Course content

7 sections • 166 lectures • 26h 57m total length

02课程介绍6:11
03JS分三个部分3:50
04DOM概念及作用29:21
05初次体验DOM2:22
06真正的体验DOM操作1:11
07为元素注册事件案例23:25
08案例点击按钮显示图片及设置宽和高6:11
09案例点击按钮设置p标签的文本内容3:25
10案例点击按钮修改超链接的地址及文字内容6:01
11案例点击按钮设置所有的p标签内容10:48
12案例点击按钮修改图片的alt和title属性3:04
13案例点击按钮修改多个文本框的值5:44
14案例点击每个图片弹出对话框4:34
15案例点击按钮修改value属性4:10
16案例点击图片修改自身的宽和高2:11
17案例按钮的排他功能8:00
18解释为什么要这么写6:34
19小例子点击图片修改路径6:46
20案例点击按钮切换图片3:42
21案例点击按钮选择性别和兴趣9:46
22案例选择下拉框和文本域的相关属性设置14:14
23案例点击按钮设置div的样式7:14
24案例点击按钮显示和隐藏div5:47
25div的显示和隐藏通过类样式实现13:21
26案例网页开关灯6:39
27作业0:35

01反馈的的小问题7:23
02复习16:16
03课程介绍4:12
04案例禁用文本框和改变列表背景色4:30
05阻止超链接默认跳转9:55
06案例点击小图显示大图3:41
07案例美女相册
08案例列表隔行变色9:09
09找错5:23
10案例列表高亮显示6:01
11案例二维码的显示和离开6:11
12根据name属性值获取元素3:48
13根据类样式的名字获取元素5:17
14其他的获取元素方式及总结10:10
15案例div的高亮显示5:46
16案例模拟搜索框8:29
17案例验证文本框密码长度2:35
18小练习3:48
19封装innerText和textContent26:47
20innerText和innerHTML12:15
21自定义属性操作14:32
22移除自定义属性4:17
23tab切换案例实现上7:51
24tab切换案例实现下11:37
25作业1:02

01复习15:22
02课程介绍2:54
03节点及相关的概念8:58
04节点相关的属性4:38
05获取相关的父级节点和父级元素10:02
06获取相关的节点的属性13:15
07获取相关的节点15:02
08总结获取节点2:36
09案例通过节点操作元素的背景颜色5:38
10案例节点操作隔行变色6:05
11封装节点兼容代码15:39
12案例切换背景图片7:32
13案例全选和全不选案例上6:57
14案例全选和全不选下6:47
15元素创建的不同的方式12:30
16第一种元素创建方式6:44
17第二种元素创建方式3:13
18案例动态创建列表15:08
19扩展document.write可以嵌入外部的代码内容4:12
20第三种元素创建方式6:53
21案例动态创建列表14:52
22案例动态创建表格11:10
23元素相关的操作的方法9:23
24只创建一个元素5:14
25为元素绑定事件16:53
26为元素绑定事件的兼容代码10:59
27作业6:42

01反馈问题12:51
02复习23:54
03课程介绍4:16
04绑定事件的区别11:30
05解绑事件上9:21
06绑定事件和解绑事件的兼容代码10:06
07事件冒泡8:22
08阻止事件冒泡12:40
09总结事件18:56
10为同一个元素注册多个不同的事件9:40
11百度大项目上15:11
12百度大项目下29:55
13BOM的介绍17:19
14系统的对话框7:35
15页面加载的事件9:44
16location对象20:51
17history对象6:03
18navigator对象8:45
19定时器4:16
20案例一起摇起来15:17
21案例亮晶晶7:18
22案例美女时钟9:16
23作业2:57

01复习20:29
02课程介绍3:57
03一次性的定时器7:26
04案例协议按钮禁用9:20
06案例div的渐变9:14
07div变宽4:42
08案例移动元素18:06
09案例封装动画函数14:43
10封装动画函数8:01
11复习动画函数5:34
12简单的轮播图23:59
13左右焦点轮播图12:38
14案例无缝的轮播图19:26
15获取所有需要的元素12:33
16按钮移动图片9:00
17右侧点击按钮移动图片33:53
18左侧点击按钮移动图片5:16
19轮播图结束自动播放3:37
20offset系列15:45
21直接通过document获取元素4:24
22图片跟着鼠标飞5:09
23作业0:27

01反馈和复习13:42
02课程介绍7:12
03scroll系列13:54
04div的滚动事件1:53
05封装geScroll函数11:36
06案例固定导航栏8:10
07变速动画封装16:16
08案例筋斗云9:17
09获取元素计算后的样式属性值18:56
10封装缓动动画增加任意一个属性6:04
11封装缓动动画函数增加任意多个属性28:46
12封装缓动动画函数增加回调函数5:11
13动画函数增加透明度和层级20:48
14颜色扩展5:47
15案例手风琴效果14:28
16案例开机动画5:12
17旋转木马上13:02
18旋转木马中16:05
19旋转木马结束4:17
20client系列的相关属性11:29
21案例图片跟着鼠标飞14:52
22案例图片跟着鼠标飞待续10:31
23作业7:50

01复习14:51
02课程介绍1:16
03图片跟着鼠标飞16:20
04图片跟着鼠标飞18:17
05案拖拽对话框上12:05
06案例拖拽对话框18:39
07案例放大镜显示和隐藏遮挡层及大层9:27
08案例放大镜设置遮挡层的范围16:48
09分析大图移动的比例9:22
10案例放大镜设置大图移动7:33
11案例滚动条上14:00
12案例滚动条移动11:17
13案例滚动条结束6:58
14元素隐藏的不同方式6:30
15案例表格隔行变色4:12
16案例tab切换效果5:21
17案例大量字符串拼接10:13
18案例无刷新评论5:32
19作业2:10
小知识点-HelloWorld案例6:01

Requirements

html和JavaScript基础知识
计算机访问

Description

在这个培训课程中，老师会教你如何充分利用学习web api

本教程假设您已经具备了JavaScript编程、HTML、CSS和一般web概念的基本工作知识。

您将探索文档对象模块(DOM)以及如何使用JavaScript访问它。然后，老师会教你如何处理浏览器事件和事件对象，如何处理表单事件等。

一旦您对这些概念有了坚实的理解，您就可以为音频和视频、画布、SVG、地理定位和文件处理覆盖 api。

您将完成关于持久性存储的课程，以及高级的调试工具和技术。

通过本教程的结尾，您将深入了解如何使用JavaScript访问和操作web项目。

Who this course is for:

Web设计人员和开发人员
JavaScript开发人员
渴望学习javascript