课程门户-章节详情

JavaScript程序设计

王正友

1 JavaScript快速入门
- 1.1 如何插入javascrip代码
- 1.2 引用javascritp外部文件
- 1.3 JavaScript在页面中位置
- 1.4 JavaScript语句和符号
- 1.5 JavaScript注释
- 1.6 案例1-1 script标签在html中书写位置
- 1.7 案例1-2 JavaScript引入方式
- 1.8 JavaScript变量
- 1.9 JavaScript判断语句
- 1.10 JavaScript函数
- 1.11 案例1-4 比较两个数大小
- 1.12 案例1-8 改变网页皮肤颜色
- 1.13 案例1-9 验证用户名和密码
2 基本语法
- 2.1 变量
  - 2.1.1 标识符
  - 2.1.2 保留关键字
  - 2.1.3 变量的使用
  - 2.1.4 变量的赋值
- 2.2 变量的数据类型
  - 2.2.1 数据类型分类
  - 2.2.2 基本数据类型
  - 2.2.3 数据类型检测
  - 2.2.4 数据类型检测总结
  - 2.2.5 数据类型转换
  - 2.2.6 数据类型转换（程序1）
  - 2.2.7 数据类型转换（程序2）
  - 2.2.8 数据类型转换（程序3）
  - 2.2.9 数据类型转换（程序4）
  - 2.2.10 数据类型转换（程序5）
  - 2.2.11 数据类型转换（程序6）
- 2.3 表达式
- 2.4 运算符
  - 2.4.1 算数运算符
  - 2.4.2 字符串运算符
  - 2.4.3 赋值运算符
  - 2.4.4 比较运算符
  - 2.4.5 逻辑运算符
  - 2.4.6 三元运算符
  - 2.4.7 位运算符
  - 2.4.8 运算符优先级
- 2.5 流程控制
  - 2.5.1 选择结构
  - 2.5.2 if单分支语句
  - 2.5.3 if...else双分支语句
  - 2.5.4 if...else双分支举例
  - 2.5.5 if...else多路分支语句
  - 2.5.6 if...else多路分支举例
  - 2.5.7 switch...case多路分支
  - 2.5.8 while循环语句
  - 2.5.9 do...while语句
  - 2.5.10 for语句
  - 2.5.11 JavaScript break 和 continue 语句
  - 2.5.12 九九乘法表
  - 2.5.13 判断素数
  - 2.5.14 判断红白黑球个数
3 数组
- 3.1 初始数组
- 3.2 创建数组
- 3.3 数组的基本操作
- 3.4 常见二维数组操作
- 3.5 数组排序
  - 3.5.1 冒泡排序
  - 3.5.2 选择排序
  - 3.5.3 插入排序
- 3.6 常见数组方法
- 3.7 案例猴子选大王
- 3.8 案例省份城市的三级联动
4 函数
- 4.1 函数的定义与调用
- 4.2 变量的作用域
- 4.3 匿名函数
- 4.4 嵌套与递归
- 4.5 闭包函数
5 对象
- 5.1 面向对象概述
- 5.2 自定义对象
- 5.3 构造函数
- 5.4 内置对象
  - 5.4.1 String对象
  - 5.4.2 Number对象
  - 5.4.3 Math对象
  - 5.4.4 Date对象
6 BOM
- 6.1 什么是BOM
- 6.2 window对象
  - 6.2.1 弹出窗口
  - 6.2.2 窗口打开关闭
  - 6.2.3 定时器
  - 6.2.4 限时秒杀
- 6.3 location对象
- 6.4 history对象
- 6.5 navigator对象
- 6.6 screen对象
- 6.7 动手实践
  - 6.7.1 限时秒杀
  - 6.7.2 定时跳转
  - 6.7.3 红绿灯倒计时
  - 6.7.4 显示时间与日期
7 DOM
- 7.1 DOM对象简介
- 7.2 HTML元素操作
- 7.3 DOM节点操作
- 7.4 轮播特效
- 7.5 购物车实现方法1
  - 7.5.1 购物车结构
  - 7.5.2 购物车样式
  - 7.5.3 购物车业务逻辑
- 7.6 购物车实现方法2
  - 7.6.1 结构页面
  - 7.6.2 样式
  - 7.6.3 页面逻辑
- 7.7 案例应用
  - 7.7.1 改变盒子大小
  - 7.7.2 标签栏切换效果
  - 7.7.3 列表的增删和移动
  - 7.7.4 我的购物车
- 7.8 京东
8 事件
- 8.1 事件处理
  - 8.1.1 代码
  - 8.1.2 举例
- 8.2 事件对象
  - 8.2.1 冒泡处理
  - 8.2.2 target与currentTarget
  - 8.2.3 禁止粘贴、右键、复制、剪切
- 8.3 事件操作
  - 8.3.1 页面事件
  - 8.3.2 鼠标事件
  - 8.3.3 键盘事件
  - 8.3.4 表单事件
- 8.4 图片无缝滚动
- 8.5 看了又看
- 8.6 放大镜
- 8.7 商品详情页放大镜效果
  - 8.7.1 页面结构
  - 8.7.2 页面样式
  - 8.7.3 页面逻辑
- 8.8 飘动的广告
- 8.9 猜拳游戏
- 8.10 瀑布流
- 8.11 手风琴效果
9 表单
- 9.1 任务导学
- 9.2 知识准备
  - 9.2.1 认识表单
  - 9.2.2 表单控件
- 9.3 任务实现
  - 9.3.1 制作登录表单
  - 9.3.2 制作注册表单
  - 9.3.3 制作考试界面表单
- 9.4 拓展阅读
- 9.5 动手练习
10 正则表达式
- 10.1 认识正则表达式
- 10.2 字符类别与集合
- 10.3 字符限定与分组
- 10.4 与正则相关的方法
- 10.5 页面注册
  - 10.5.1 注册页面结构
  - 10.5.2 注册页面样式
  - 10.5.3 注册页面逻辑
- 10.6 身份证验证
- 10.7 成员注册
11 初识jQuery
- 11.1 jQuery课程简介
- 11.2 jQuery的引入.html
- 11.3 jQuery实现第一页面
- 11.4 jQuery对象与DOM对象
- 11.5 jQuery对象转化成DOM对象
- 11.6 DOM对象转化成jQuery对象
12 jQuery选择器
- 12.1 jQuery选择器之ID选择器
- 12.2 jQuery选择器之类选择器
- 12.3 jQuery选择器之标签选择器
- 12.4 jQuery选择器之全局选择器
- 12.5 jQuery选择器之层级选择器
- 12.6 jQuery选择器之组合选择器
- 12.7 jQuery选择器之基本过滤选择器
- 12.8 jQuery选择器之内容过滤选择器
- 12.9 jQuery选择器之属性过滤选择器
- 12.10 jQury选择器之可见选择器
- 12.11 jQuery选择器之表单元素选择器
- 12.12 jQuery选择器之表单对象属性选择器
- 12.13 jQuery选择器之子元素过滤选择器
- 12.14 jQuery子元素过滤选择器补充
- 12.15 jQuery选择器之特殊选择器$(this)
- 12.16 视频
13 jQuery属性与样式
- 13.1 jQuery属性与样式之.arrt()与removeAttr()
- 13.2 jQuery属性与样式之.html()与.text()
- 13.3 jQuery属性与样式之.val()
- 13.4 jQuery属性与样式之样式的操作
- 13.5 jQuery属性与样式之.css()
- 13.6 jQuery尺寸方法
- 13.7 jQuery的offset()方法
- 13.8 jQuery之checkbox各种选中操作
14 jQueryDOM操作
- 14.1 jQueryDOM的创建
- 14.2 jQuery元素内插入节点的方法
- 14.3 jQuery元素外插入节点的方法
- 14.4 jQuery节点的删除方法
- 14.5 jQuery节点的复制方法
- 14.6 jQuery节点的替换方法
- 14.7 jQuery节点的包裹方法6
- 14.8 修改文档结构视频
15 jQuery遍历
- 15.1 jQuery遍历祖先节点的方法
- 15.2 jQuery遍历后代节点的方法
- 15.3 jQuery遍历同胞节点的方法
- 15.4 jQuery遍历之基本过滤方法
- 15.5 jQuery遍历之高级过滤方法
- 15.6 jQuery实现新闻滚动
- 15.7 jQuery实现选项卡
16 jQuery效果
- 16.1 jQuery效果-隐藏与显示
- 16.2 jQuery效果-逐个显示与隐藏
- 16.3 jQuery效果-淡入淡出
- 16.4 jQuery效果-滑动
- 16.5 jQuery效果-动画
- 16.6 jQuery效果-手动轮播
- 16.7 jQuery效果-自动轮播
- 16.8 动画效果视频
17 jQuery事件
- 17.1 jQuery鼠标事件之click与dblclick事件
- 17.2 jQuery鼠标事件之mousedown与mouseup事件
- 17.3 jQuery鼠标事件之mouseenter与mouseleave事件
- 17.4 jQuery鼠标事件之mouseover与mouseout事件
- 17.5 jQuery鼠标事件之hover
- 17.6 jQuery鼠标事件之mousemove事件
- 17.7 jQuery鼠标事件之focusin与focuout事件
- 17.8 jQuery表单事件之focus与blur事件
- 17.9 jQuery表单事件之select事件
- 17.10 jQuery表单事件之submit事件
- 17.11 jQuery表单事件之change事件
- 17.12 jQuery事件举例-轮播
- 17.13 jQuery事件的绑定
- 17.14 jQuery事件委托
- 17.15 jQuery事件冒泡的处理
- 17.16 jQuery键盘事件之keyup、keydown、keypress事件
- 17.17 通过键盘事件控制元素移动
- 17.18 通过jQuery键盘事件进行表单元素验证
- 17.19 事件处理视频
18 jQuery案例
- 18.1 jQuery案例一无缝滚动
- 18.2 jQuery案例二放大镜
- 18.3 jQuery案例三瀑布流
- 18.4 jQuery案例四简单的树形菜单
- 18.5 jQuery案例五居中放大
- 18.6 jQuery案例六右侧在线客服
- 18.7 jQuery案例七五星评分
- 18.8 jQuery案例八抽奖
- 18.9 jQuery案例九购物车
- 18.10 jQuery案例十手风琴
- 18.11 jQuery案例十一轮播
- 18.12 jQuery案例十二进度条
- 18.13 jQuery案例十三普通图表
- 18.14 jQuery案例十三数组图表
- 18.15 jQuery案例十三多数组图表
- 18.16 jQuery案例十四轮播与手风琴结合
- 18.17 jQuery案例十五滚动楼层效果
- 18.18 jQuery案例十六右侧悬浮楼层滚动
- 18.19 jQuery仿天猫页面楼层跳转
19 jQueryMoblie基础
- 19.1 jqueryMoblie HelloWorld
- 19.2 jQueryMoblie按钮
- 19.3 jQueryMoblie列表
20 jQuerymobile案例
- 20.1 作品展示
- 20.2 可折叠列表
- 20.3 可折叠集合
- 20.4 多级折叠
- 20.5 搜索过滤
21 实训
- 21.1 JavaScript程序设计实训内容及要求
- 21.2 实训报告
22 补考学习内容
- 22.1 补考须知

流程控制

指令控制程序运行过程中执行顺序

1.顺序结构：默认执行，按照程序书写顺序，自上而下，自左至右执行

2.选择结构：选择执行，需要根据条件进行判断，例如高考，要根据分值选择学校

(过人行横道要看红绿灯等)，重点，难点

3.循环结构：重复执行，体育课重复做俯卧撑，代码有些时候也需要重复，重点，难点

图片预览