JavaScript与jQuery实战教程 下载 pdf 百度网盘 epub 免费 2025 电子版 mobi 在线

暂无相关简介，正在全力查找中！

第1章 JavaScript概述

任务1.1 认识JavaScript

1.1.1 JavaScript的起源

1.1.2 JavaScript的作用

1.1.3 JavaScript的基本特点

1.1.4 JavaScript的组成

任务1.2 在页面显示个人信息

1.2.1 选择JavaScript脚本编辑器

1.2.2 脚本的基本结构

1.2.3 在网页中引用JavaScript的方式

1.2.4 常用的输入/输出语句

1.2.5 任务实现

任务1.3 Chrome浏览器的调

1.3.1 工具介绍

1.3.2 Chrome浏览器使用postmanr/>

小结

实训

课后练r/>

第2章 JavaScript基础

任务2.1 显示变量数据类型

2.1.1 变量

2.1.2 数据类型

2.1.3 运算符

2.1.4 任务实现

任务2.2 根据成绩给出学生考评

2.2.1 if语句

2.2.2 switch语句

2.2.3 任务实现

任务2.3 实现猜数游戏

2.3.1 for循环

2.3.2 while循环

2.3.3 do...while循环

2.3.4 for...in循环

2.3.5 中断循环语句

2.3.6 任务实现

任务2.4 制作简易计算器

2.4.1 数值判断函数

2.4.2 自定义函数

2.4.3 任务实现

小结

实训

课后练r/>

第3章 JavaScript对象编程

任务3.1 实现京东效果

3.1.1 Date对象的创建

3.1.2 Date对象的常用方法

3.1.3 任务实现

任务3.2 制作选号页面

3.2.1 Math对象的常用属

3.2.2 Math对象的常用方法

3.2.3 任务实现

任务3.3 制作简单的焦点图效果

3.3.1 数组的创建

3.3.2 数组的访问

3.3.3 数组的常用属和方法

3.3.4 任务实现

任务3.4 使用对象实现疫情防控新闻

3.4.1 什么是对象

3.4.2 JSON

3.4.3 原型对象

3.4.4 任务实现

任务3.5 验证注册页面信息

3.5.1 String对象的创建

3.5.2 String对象的常用属和方法

3.5.3 任务实现

任务3.6 使用正则表达式验证注册页面信息

3.6.1 定义正则表达式

3.6.2 正则表达式的操作方法

3.6.3 正则表达式的模式

3.6.4 任务实现

小结

实训

课后练r/>

第4章 BOM与DOM

任务4.1 制作弹出窗口

4.1.1 BOM对象模型参考

4.1.2 window对象的常用方法

4.1.3 任务实现

任务4.2 使用本地存储实现登录效果

4.2.essionStorage

4.2.2 localStorage

4.2.3 任务实现

任务4.3 使用Core DOM实现留言板效果

4.3.1 什么是DOM

4.3.2 获取页面元素的方法

4.3.3 创建和增加节点

4.3.4 删除和替换节点

4.3.5 任务实现

任务 4.4 使用HTML DOM动态添加表格

4.4.1 HTML DOM对象

4.4.2 访问HTML DOM对象的属

4.4.3 表格对象

4.4.4 任务实现

小结

实训

课后练r/>

第5章 JavaScript网页

任务5.1 实现仿京东商品切换选项卡效果

5.1.1 操作元素样式

5.1.2 JavaScript事件

5.1.3 任务实现

任务5.2 实现手风琴动画效果

5.2.croll系列属

5.2.2 任务实现

任务5.3 实现电梯导航定位效果

5.3.1 页面高度的获取

5.3.2 任务实现

小结

实训

课后练r/>

第6章 ES6新特

任务6.1 使用箭头函数实现简易计算器

6.1.1 ECMAScript版本

6.1.2 let与conr/>

6.1.3 字符串的扩展

6.1.4 对象的扩展

6.1.5 箭头函数

6.1.6 任务实现

任务6.2 使用ES6实现绚丽小球效果

6.2.1 类基本语法

6.2.2 Class 的继承

6.2.3 Class静态方法

6.2.4 任务实现

任务6.3 使用ES6实现商品查询效果

6.3.1 解构赋值

6.3.2 数组的扩展

6.3.3 Set/Map数据结构

6.3.4 任务实现

小结

实训

课后练r/>

第7章 jQuery基础

任务7.1 使用jQuery在警告框中显示“Hello World!”

7.1.1 jQuery的优势

7.1.2 配置jQuery环境

7.1.3 jQuery开发工具和r/>

7.1.4 任务实现

任务7.2 仿京东商城品牌分类列表展开与收起效果

7.2.1 基本选择器

7.2.2 层次选择器

7.2.3 过滤选择器

7.2.4 任务实现

任务7.3 拓展

7.3.1 jQuery对象与DOM对象

7.3.2 表单选择器

小结

实训

课后练r/>

第8章 jQuery中的DOMr/>

任务8.1 制作图片展示效果

8.1.1 获取和设置属

8.1.2 删除属

8.1.3 任务实现

任务8.2 仿制京东商城购物车前端局部更新效果

8.2.1 查找节点

8.2.2 创建节点

8.2.3 插入节点

8.2.4 删除节点

8.2.5 节点

8.2.6 替换节点

8.2.7 遍历节点

8.2.8 事件方法on()

8.2.9 任务实现

任务8.3 仿制京东购物车前后

暂无相关内容，正在全力查找中

暂无出版社相关信息，正在全力查找中！

;;;; 第3章 JavaScript对象编程 学 （1） 理解JavaScript中的对象。 （2） 掌握JavaScript的Date、Math、String等对象。 （3） 掌握JavaScript的数组声明以及使用方法。 （4） 掌握正则表达式的属和方法。 （5） 掌握自定义对象的使用方法。 JavaScript是一种基于对象的语言，它支持3种对象： 内置对象、用户自定义对象以及浏览器对象。常用的内置对括Date对象、Math对象、String对象、Array对象及RegExp对象等。将介绍常用内置对象的属和方法及如何使用JavaScript的内置对象。 任务3.1实现京东效果 在各大电商平台，常常能看到活动，以京东平台为例，每天固定时间开展不同商品的，6~8点为8点场，后面每隔两小时做一场，每场时长两小时，直到晚上0点结束，如图31所示。 图31京东效果 科技创新给人们的生活带来了很多便利，通过电商平台足不出户可以买到生活必需品，各电商平台也常常开展活动，不仅惠及普通百姓，也提高商家的商品销量，达到双赢效果。京东平台每天有固定场的，这个的实现可以通过以下4个步骤完成。 (1) 完成如图31所示京东页面设计，标识显示时间的位置。 (2) 定义函数，使用日期和时间对象获取客户端时间，并设置场次结束时间。 (3) 根据时间差换算成时、分、秒。 (4) 使用定时函数，每隔1秒重新调用一次函数。 日期和时间对象(Date对象)主要提供了获取和设置日期与时间的方法，JavaScript了两个定时器函数： setTimeout()和setInterval()。 3.1.1Date对象的创建 要使用Date对象，必须先使用new运算符创建它，Date对象的构造函数通过可选的参数，可生成过去、现在和将来的Date对象，创建Date常见方式有3种。 1. 不带参数 var myDate=new Date(); 创建一个含有系统当前日期和时间的Date对象变量myDate。 2. 创建一个日期的Date对象 var myDate=new Date("22/10/01"); 使用代表日期和时间的字符串创建一个特定日期的Date对象，上述语句创建了22年10月1日的Date变量myDate。 3. 创建一个时间的Date对象 var myDate=new Date(22, 6, 1, 10, 30, ); 语句创建了一含确切日期和时间的Date变量myDate，即22年6月1日10点30分秒。 3.1.2Date对象的常用方法 Date对象提供了很多操作日期和时间的方法，方便程序员在脚本开发过程中简单、快捷地操作日期和时间。表31列出了其常用的方法。 表31Date对象常用方法 方法名 描述 getFullYear() 返回年份数 getMonth() 返回月份数(0~11)续表 方法名 描述 getDate() 返回日期数(1~31) getDay() 返回星期数(0~6) getHours() 返回时数(0~23) getMinutes() 返回分数(0~59) getSeconds() 返回秒数(0~59) getMilliseconds() 返回毫秒数(0~999) getTime() 返回对应日期基线的毫秒 toLocaleString() 返回日期的字符串表示，其格式根据系统当前的区域设置来确定 setDate() 设置 Date 对象中月的某(1~3etFullYear() 设置 Date 对象中的年份(四位数字) setHours() 设置 Date 对象中的小时(0~23) setMilliseconds() 设置 Date 对象中的毫秒(0~999) setMinutes() 设置 Date 对象中的分钟(0~9) setMonth() 设置 Date 对象中的月份(0~1etSeconds() 设置 Date 对象中的秒钟(0~59) setTime() 以毫秒设置 Date 对象 【实例31】模拟日历，每天打开这个页面都能定时显示年、月、日和星期几。 使用Date对象显示当前时间，实现代码如下： //1.创建一个当前日期的日期对象 var date = new Date(); //2.获取其中的年、月、日和星期几 var year = date.getFullYear(); var month = date.getMonth(); var hao = date.getDate(); var week = date.getDay(); //console.log(year+" "+month+" "+hao+" "+week); //3.赋值给div var arr = ［ "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", ］; var div = document.getElementById("time"); div.innerText ="今天是：" + year + "年" + (month + 1) + "月" + hao + "日 " + arr［week］; 运行代码，效果如图32所示。 图32模拟日历 3.1.3任务实现 实现京东效果的操作步骤如下。 (1) 完成页面设计，美化页面，标识显示时间的位置，关键HTML代码和CSS样式如下。 HTML代码：

在线阅读地址：JavaScript与jQuery实战教程在线阅读

在线听书地址：JavaScript与jQuery实战教程在线收听

在线购买地址：JavaScript与jQuery实战教程在线购买

暂无原文赏析，正在全力查找中！

编辑推荐

本书内容来源于真实工作任务，并且对接1+X“Web前端开发”，配套资源丰富（PPT、教学案例、操作、案例素材、教案、授课计划、拓展资源和课后练），自第1版出版以来受到全国超百所院校认可，第2版为“十三五”职业教育国家规划教材。