Javascript进阶篇
第1章 系好安全带,准备启航 8
?
1-1 让你认识JS 8 1-2 编程练习
?
第2章 你要懂的规则(JS基础语法)
?
2-1 什么是变量
2-2 给变量取个名字(变量命名) 2-3 确定你的存在(变量声明) 2-4 多样化的我(变量赋值） 2-5 表达出你的想法(表达式) 2-6 我还有其它用途( +号操作符） 2-7 自加一，自减一 ( ++和- -) 2-8 较量较量(比较操作符) 2-9 我与你同在(逻辑与操作符） 2-10 我或你都可以 (逻辑或操作符） 2-11 是非颠倒(逻辑非操作符） 2-12 保持先后顺序(操作符优先级） 2-13 编程练习
?
?
?
?
?
?
?
?
?
?
?
?
第3章 一起组团(数组)
?
3-1 一起组团（什么是数组）
3-2 组团，并给团取个名（如何创建数组） 3-3 谁是团里成员（数组赋值）
3-4 团里添加新成员（向数组增加一个新元素） 3-5 呼叫团里成员(使用数组元素) 3-6 了解成员数量(数组属性length) 3-7 二维数组 3-8 编程练习
?
?
?
?
?
?
?
第4章 跟着我的节奏走(流程控制语句)
?
4-1 做判断（if语句） 4-2 二选一 （if...else语句） 4-3 多重判断（if..else嵌套语句） 4-4 多种选择（Switch语句)
?
?
?
?
最近学习 4-5 重复重复（for循环）
4-6 反反复复(while循环) 4-7 来来回回(Do...while循环) 4-8 退出循环break 4-9 继续循环continue
?
?
?
?
? 4-10 编程练习
第5章 小程序，大作用（函数）
?
5-1 什么是函数 5-2 定义函数 5-3 函数调用 5-4 有参数的函数 5-5 返回值的函数 5-6 编程练习
?
?
?
?
?
第6章 事件响应，让网页交互
?
6-1 什么是事件
6-2 鼠标单击事件( onclick ） 6-3 鼠标经过事件（onmouseover） 6-4 鼠标移开事件（onmouseout） 6-5 光标聚焦事件（onfocus） 6-6 失焦事件（onblur） 6-7 内容选中事件（onselect） 6-8 文本框内容改变事件（onchange） 6-9 加载事件（onload） 6-10 卸载事件（onunload）
?
?
?
?
?
?
?
?
?
? 6-11 编程练习
第7章 JavaScript内置对象
?
7-1 什么是对象 7-2 Date 日期对象 7-3 返回/设置年份方法 7-4 返回星期方法 7-5 返回/设置时间方法 7-6 String 字符串对象 7-7 返回指定位置的字符
7-8 返回指定的字符串首次出现的位置 7-9 字符串分割split() 7-10 提取字符串substring() 7-11 提取指定数目的字符substr() 7-12 Math对象 7-13 向上取整ceil() 7-14 向下取整floor() 7-15 四舍五入round() 7-16 随机数 random() 7-17 Array 数组对象
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
? 7-18 数组连接concat()
7-19 指定分隔符连接数组元素join() 7-20 颠倒数组元素顺序reverse() 7-21 选定元素slice() 7-22 数组排序sort() 7-23 编程练习
?
?
?
?
?
第8章 浏览器对象
?
8-1 window对象 8-2 JavaScript 计时器 8-3 计时器setInterval() 8-4 取消计时器clearInterval() 8-5 计时器setTimeout() 8-6 取消计时器clearTimeout() 8-7 History 对象
8-8 返回前一个浏览的页面 8-9 返回下一个浏览的页面 8-10 返回浏览历史中的其他页面 8-11 Location对象 8-12 Navigator对象
?
?
?
?
?
?
?
?
?
?
?
? ?
8-13 userAgent 8-14 screen对象 8-15 屏幕分辨率的高和宽 8-16 屏幕可用高和宽度 8-17 编程练习
?
?
?
第9章 DOM对象，控制HTML元素
?
9-1 认识DOM
9-2 getElementsByName()方法 9-3 getElementsByTagName()方法
9-4 区别getElementByID,getElementsByName,getElementsByTagName 9-5 getAttribute()方法 9-6 setAttribute()方法 9-7 节点属性
9-8 访问子结点childNodes 9-9 访问子结点的第一和最后项 9-10 访问父节点parentNode 9-11 访问兄弟节点
9-12 插入节点appendChild() 9-13 插入节点insertBefore()
?
?
?
?
?
?
?
?
?
?
?
?
? 9-14 删除节点removeChild() 9-15 替换元素节点replaceChild() 9-16 创建元素节点createElement 9-17 创建文本节点createTextNode 9-18 浏览器窗口可视区域大小 9-19 网页尺寸scrollHeight 9-20 网页尺寸offsetHeight 9-21 网页卷去的距离与偏移量 9-22 编程练习
?
?
?
?
?
?
?
?
第10章 编程挑战
?
10-1 编程挑战
第1章 系好安全带,准备启航
?
1-1 让你认识JS
让你认识JS
你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也 称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添加动态效 果。准备好，让JavaScript带你进入新境界吧! JavaScript能做什么？
1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)
2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等) JS进阶篇学习什么？
在JavaScript入门篇中，我们学习了如何插入JS、输出内容及简单的DOM操作，JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。
任务
我们先来回顾下JS入门篇的基础内容，在网页中插入JS代码，实现输出\进阶篇\并弹出对话框，内容为\关注JS高级篇\。
注意:
1. JS是区分大小写的，如：classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。
2. JS中的字符、符号等一定要在英文状态下输入吆。
?
? ?
? ? ? ? ? ? ? ? ? ? ? ? ?
我们互动下