首页 > 图书中心 > HTML5+CSS3+JavaScript超详细通关攻略(实战版)

目录

目录

第1章拥抱HTML5

1.1一个简单的HTML5页面

1.1.1搭建支持的浏览器环境

1.1.2检测浏览器是否支持HTML5标记

1.1.3使用HTML5结构编写简单的Web页面

1.2HTML5页面的特征

1.2.1应用全新的HTML5特征结构化元素

1.2.2使用CSS文件美化HTML5新元素

小结

第2章HTML5中新增交互元素

2.1details内容元素

2.1.1定义

2.1.2属性

2.2menu元素

2.2.1定义

2.2.2属性

2.3meter元素

2.3.1定义

2.3.2属性

小结

第3章HTML5中的重要元素

3.1html根元素

3.1.1定义

3.1.2属性

3.2文档元素

3.2.1定义

3.2.2包含标签

3.3脚本

3.3.1定义

3.3.2属性

3.4文本层次语义

3.4.1mark元素

3.4.2cite元素

3.5公共属性

3.5.1draggable属性

3.5.2hidden属性

3.5.3spellcheck属性

3.5.4contenteditable属性

小结

第4章HTML5中的表单

4.1新增input 元素类型

4.1.1email邮件类型

4.1.2url 地址类型

4.1.3number 数字类型

4.1.4range数字滑动块

4.1.5date日期类型

4.1.6search搜索类型

4.2新增表单元素

4.2.1datalist 元素

4.2.2output 元素

4.2.3keygen 元素

4.3新增input元素属性

4.3.1autofocus 属性

4.3.2pattern属性

4.3.3placeholder属性

4.3.4required属性

4.4新增form验证方法和属性

4.4.1checkValidity()显示验证法

4.4.2setCustomValidity()修改提示信息方法

4.4.3表单的novalidate属性

小结

第5章HTML5中的文件

5.1选择文件

5.1.1选择单个文件

5.1.2选择多个文件

5.1.3使用Blob接口获取文件的类型与大小

5.1.4通过类型过滤选择的文件

5.1.5通过accept属性过滤选择文件的类型

5.2读取与拖放文件

5.2.1FileReader 接口

5.2.2使用FileReader()方法预览图片文件

5.2.3使用FileReader()方法读取文本文件

5.2.4监听FileReader接口中的事件

5.2.5使用DataTransfer对象拖放上传图片文件

小结

第6章HTML5中的视频和音频

6.1多媒体元素基本属性

6.1.1元素格式

6.1.2width与height属性

6.1.3controls属性

6.1.4poster属性

6.1.5networkState属性

6.1.6error属性

6.1.7其他属性

6.2多媒体元素常用方法

6.2.1媒体播放时的方法

6.2.2canPlayType()方法

6.3多媒体元素重要事件

6.3.1媒体播放事件

6.3.2timeupdate事件

6.3.3其他事件

小结

第7章HTML5绘图基础

7.1画布的基础知识

7.1.1canvas元素的基本用法

7.1.2canvas元素绘制带边框矩形

7.1.3canvas元素绘制渐变图形

7.2画布中使用路径

7.2.1moveTo()与lineTo()的用法

7.2.2在画布中绘制圆形

7.2.3在画布中绘制渐变圆形

7.3操作图形

7.3.1变换图形原点坐标

7.3.2组合多个图形

7.3.3添加图形阴影

7.4画布中的图像

7.4.1绘制图像

7.4.2平铺图像

7.4.3切割图像

7.4.4处理像素

7.5画布的其他应用

7.5.1绘制文字

7.5.2保存与还原及输出图形

7.5.3制作简单动画

小结

第8章HTML5中的数据存储

8.1Web Storage的基本概念

8.1.1sessionStorage对象

8.1.2localStorage对象

8.1.3清空localStorage数据

8.2Web Storage API

8.2.1遍历localStorage数据

8.2.2使用 JSON对象存取数据

8.2.3管理localStorage数据

小结

第9章HTML5中的离线应用

9.1cache manifest 文件

9.1.1manifest文件简介

9.1.2一个简单的离线应用

9.2applicationCache对象

9.2.1updateready事件

9.2.2update()方法

9.2.3swapCache()方法

9.2.4其他事件

小结

第10章其他应用API

10.1Web Sockets API

10.1.1postMessage()方法

10.1.2使用WebSocket 传送数据

10.1.3使用WebSocket传送JSON对象

10.2Web Workers API

10.2.1Worker对象处理线程的简单实例

10.2.2使用线程传递JSON对象

小结

第11章HTML5中元素的拖放

11.1拖放简介

11.1.1传统JavaScript代码实现拖放

11.1.2拖放时触发的事件

11.2dataTransfer对象

11.2.1setData()与getData()方法存入与读取拖放数据

11.2.2setDragImage()方法设置拖放图标

11.2.3effectAllowed与dropEffect属性设置拖放效果

11.3拖放应用

11.3.1购物车的实现

11.3.2相册集的管理

小结

第12章CSS3的概念

12.1CSS3简介

12.1.1什么是CSS3

12.1.2CSS3的发展历史

12.2CSS3的语法与使用

12.2.1CSS3的语法介绍

12.2.2CSS3的引入方式

12.3CSS3的功能

12.3.1模块与模块化结构

12.3.2一个简单的CSS3的效果实例

小结

第13章选择器

13.1选择器概述

13.1.1id和类别选择器

13.1.2元素和组合选择器

13.2属性选择器

13.2.1常用属性选择器

13.2.2CSS3中属性选择器

13.3结构性伪类选择器

13.3.1伪元素选择器

13.3.2伪类选择器

小结

第14章选择器在页面的应用

14.1使用选择器插入文字

14.1.1在元素前后插入内容

14.1.2不允许插入内容

14.2使用选择器插入图片

14.2.1在元素前后插入图片

14.2.2插入图片和背景图片的区别

14.3使用选择器插入编号

14.3.1简单的编号嵌套

14.3.2编号的类型

14.3.3在元素前后插入符号

小结

第15章文字相关的样式

15.1文字的阴影

15.1.1阴影的作用

15.1.2阴影的位移距离

15.1.3阴影的模糊距离

15.1.4组合阴影效果

15.2文本换行

15.2.1文本自动换行

15.2.2强制文本换行

15.2.3强制长单词换行

小结

第16章盒相关样式

16.1盒的类型

16.1.1基本类型

16.1.2inlineblock类型

16.2盒子内容溢出显示

16.2.1overflow属性

16.2.2textoverflow属性

16.3盒的阴影

16.3.1boxshadow属性

16.3.2盒内子元素的阴影

16.4盒模型的种类

16.4.1boxsizing属性的使用方法

16.4.2boxsizing属性的应用

小结

第17章背景和边框样式

17.1背景相关的属性

17.1.1backgroundclip属性

17.1.2backgroundorigin属性

17.1.3backgroundsize属性

17.2圆角边框的绘制

17.2.1borderradius属性

17.2.2圆角边框的种类

17.3使用图片边框

17.3.1常用属性

17.3.2扩展属性

小结

第18章CSS3中的变形处理

18.1transform属性

18.1.1translate()函数

18.1.2scale()函数 

18.1.3rotate()函数 

18.1.4skew()函数 

18.2复合变形和旋转中心

18.2.1元素的复合变形

18.2.2改变旋转中心点

小结

第19章CSS3中的动画属性

19.1transition属性

19.1.1transition属性的使用

19.1.2transition属性指定多个样式

19.2animation属性

19.2.1animation属性的使用

19.2.2animation属性指定多帧动画

小结

第20章布局相关样式

20.1多列布局

20.1.1float属性多列布局的不足

20.1.2使用盒布局

20.2弹性盒布局

20.2.1改变元素的排列方向

20.2.2改变元素的显示顺序

20.2.3使用弹性盒布局消除空白区域

小结

第21章JavaScript简介

21.1JavaScript是什么

21.1.1JavaScript的起源

21.1.2JavaScript的特点

21.1.3JavaScript的开发工具

21.2JavaScript引入方式

21.2.1外部引入JavaScript文件

21.2.2内部添加JavaScript代码

21.2.3属性执行JavaScript代码

21.2.4一个简单的JavaScript程序

小结

第22章JavaScript语法基础

22.1语法简介

22.2常量与变量

22.2.1常量

22.2.2变量

22.3数据类型

22.3.1字符串(String)型

22.3.2数字(Number)型

22.3.3布尔(Boolean)型

22.3.4空值(Null)型

22.3.5未定义(Undefined)型

22.3.6对象(Object)型

22.4运算符

22.4.1算术运算符

22.4.2比较运算符

22.4.3赋值运算符

22.4.4逻辑运算符

22.4.5条件运算符

22.5语句与表达式

22.5.1语句

22.5.2表达式

22.6类型转换

22.6.1Number()函数

22.6.2Boolean()函数

22.7代码注释

22.7.1单行注释

22.7.2多行注释

小结

第23章流程控制

23.1流程控制简介

23.1.1顺序结构

23.1.2选择结构

23.1.3循环结构

23.2选择结构

23.2.1单项选择if语句

23.2.2双项选择if…else语句

23.2.3多项选择if…else if语句

23.2.4多项选择switch语句

23.3循环结构

23.3.1do…while语句的用法

23.3.2while语句的用法

23.3.3for语句的用法

23.4跳转语句

23.4.1continue语句的用法

23.4.2break语句的用法

小结

第24章初识函数

24.1函数简介

24.1.1重复性

24.1.2功能性

24.2函数的定义

24.2.1定义格式

24.2.2无返回值函数

24.2.3有返回值函数

24.2.4全局变量和局部变量

24.3函数的调用

24.3.1函数的直接调用

24.3.2函数在超链接中调用

24.3.3函数在事件中调用

24.4特殊的函数

24.4.1嵌套函数

24.4.2递归函数

24.4.3内置函数

小结

第25章字符串对象

25.1字符串对象简介

25.1.1调用字符串对象的属性

25.1.2调用字符串对象的方法

25.2获取字符串方法

25.2.1charAt()方法

25.2.2substring()方法

25.3替换和分割字符串方法

25.3.1replace()方法

25.3.2split()方法

25.4查询和检索字符串方法

小结

第26章数组对象

26.1数组对象简介

26.1.1数组的创建和赋值

26.1.2数组的获取

26.2添加数组元素

26.2.1使用unshift()方法在数组开头添加元素

26.2.2使用push()方法在数组结尾添加元素

26.3删除数组元素

26.3.1使用shift()方法删除数组第一个元素

26.3.2使用pop()方法删除数组最后一个元素

26.4数组排序

26.4.1使用sort()方法排序

26.4.2使用reverse()方法排列

小结

第27章日期对象

27.1日期对象简介

27.1.1创建日期对象

27.1.2输出日期对象的年份

27.2操作日期对象的年月日值

27.2.1获取日期对象的年月日值

27.2.2设置日期对象的年月日值

27.3操作日期对象的时分秒值

27.3.1获取日期对象的时分秒值

27.3.2设置日期对象的时分秒值

27.4获取日期对象的星期和毫秒值

27.4.1获取日期对象的星期值

27.4.2获取日期对象的毫秒值

第28章数学对象

28.1数学对象简介

28.1.1对象的属性

28.1.2对象的方法

28.2取整运算

28.2.1向上取整方法ceil()

28.2.2向下取整方法floor()

28.3生成随机数

28.3.1生成指定范围的随机数

28.3.2生成多位组合的随机数

28.4三角函数

28.4.1正弦和余弦及正切函数

28.4.2反正弦和反余弦及反正切函数

小结

第29章DOM基础

29.1什么是DOM

29.1.1DOM对象

29.1.2DOM结构

29.2获取和创建元素

29.2.1获取元素

29.2.2创建元素

29.3插入元素

29.3.1appendChild()方法

29.3.2insertBefore()方法

29.4复制和删除元素

29.4.1cloneNode()方法

29.4.2removeChild()方法

小结

第30章DOM进阶

30.1获取和设置元素属性

30.1.1getAttribute()方法

30.1.2setAttribute()方法

30.2检测和删除元素属性

30.2.1hasAttribute()方法

30.2.2removeAttribute()方法

30.3操作元素样式属性

30.3.1使用style属性操作样式

30.3.2使用cssName属性操作样式

30.4查找DOM元素

30.4.1查找父节点

30.4.2查找子类节点

小结

第31章事件基础

31.1事件简介

31.1.1事件在元素中的使用

31.1.2在script元素中使用事件

31.2鼠标和键盘事件

31.2.1鼠标事件

31.2.2键盘事件

31.3表单事件

31.3.1获得和丢失焦点事件

31.3.2文本变化事件

31.4页面事件

31.4.1onload事件

31.4.2onresize事件

小结

第32章事件进阶

32.1事件处理机制

32.1.1DOM事件流

32.1.2事件监听器

32.2事件对象

32.2.1对象的属性

32.2.2对象的方法

32.3this对象

32.3.1this在构建函数中的运用

32.3.2this在对象方法中的运用

小结

第33章window对象

33.1对象简介

33.1.1打开和关闭窗口

33.1.2对话框

33.2定时器

33.2.1setTimeout()方法

33.2.2setInterval ()方法

33.3location对象

33.3.1href属性

33.3.2search属性

小结

第34章document对象

34.1对象简介

34.1.1对象集合

34.1.2对象属性

34.1.3对象方法

34.2对象属性使用

34.2.1获取文档信息

34.2.2操作cookie内容

34.3对象方法调用

34.3.1write()方法

34.3.2open()和close()方法

小结

附录A简易图片放大镜的开发

A.1开发过程

A.1.1新建一个名称为magnifier的项目文件夹

A.1.2新建文件

A.2程序结果

附录B手机端页面屏幕锁的开发

B.1开发过程

B.1.1新建一个名称为moblock的项目文件夹

B.1.2新建文件

B.2程序结果

版权所有(C)2019 清华大学出版社有限公司 京ICP备10035462号 京公网安备11010802013248号

联系我们 | 网站地图 | 法律声明 | 友情链接 | 盗版举报 | 人才招聘