## JavaScript课堂案例

### Make English as your working language!!!

### 浏览器中的JavaScript：

- ECMAScript: JavaScript语法规范
- BOM: 浏览器对象模型（Browser Object Model）,把浏览器当成一个对象（window），通过这个对象可以操控浏览器
- DOM: 文档对象模型（Document Object Model），把整个页面当成一个对象（document），通过这个对象可以操作整个页面

### 课堂案例

1. 例子1：BOM和DOM的感性认识
2. 例子2：成都机动车限行查询
3. 例子3：延迟跳转到百度
4. 例子4：轮播广告 完整效果请参考作业1
5. 例子5：事件冒泡和事件捕获
6. 例子6：获取事件源和访问相关元素
7. 例子7：动态添加和删除元素
8. 例子8：流氓浮动广告
9. 例子9：jQuery实现表格效果
10. 例子10：jQuery实现动态列表
11. 例子11：Ajax加载美女图片（原生JavaScript）
12. 例子12：Ajax加载美女图片（jQuery）

### 课后练习

1. 练习1：轮播广告
2. 练习2：缩略图效果
3. 练习3：闪烁的方块
4. 练习4：表格效果
5. 练习5：购物车效果（仿京东）
6. 练习6：可拖拽的元素
7. 练习7：周公解梦（Ajax）
8. 练习7：表单验证（正则表达式）