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：表单验证（正则表达式）