第二周总结

一、主页



    
        
        
        
    
    
        

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:可拖拽的元素

二、BOM和DOM的感性认识



    
        
        
        
    
    
        

Hello, world!

三、成都机动车限行查询



    
        
        成都机动车限行查询
        
    
    
        
        

四、延迟跳转



    
        
        延迟跳转
    
    
        

5秒钟以后自动跳转到百度

五、轮播广告



    
        
        
        
    
    
        

六、时间冒泡和事件捕获



    
        
        
        
    
    
        

七、获取事件源和访问相关元素



    
        
        
        
    
    
        

八、动态添加和删除元素



    
        
        
        
    
    
        
        
  • 苹果×
  • 香蕉×
  • 火龙果×
  • 西瓜×

九、流氓浮动广告



    
        
        
        
    
    
        
        
  • 苹果×
  • 香蕉×
  • 火龙果×
  • 西瓜×

十、jQuery实现表格效果



    
        
        
        
    
    
        
数据统计表
姓名 年龄 性别 身高 体重
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5

十一、jQuery实现动态列表



    
        
        
        
    
    
        
  • 苹果×
  • 香蕉×
  • 火龙果×
  • 西瓜×

十二、Ajax加载美女图片(原生JavaScript)



    
        
        
    
    
        
        

十三、Ajax加载美女图片(jQuery)



    
        
        
    
    
        
        

作业一



    
        
        
        
    
    
        

作业二



    
        
        
        
    
    
        
狗屎

作业三



    
        
        
        
    
    
        

作业四



    
        
        
        
    
    
        
数据统计表
姓名 年龄 性别 身高 体重
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5

作业五




    
        
        
        
    
    
        
商品
单价
数量
小计
操作
海澜之家/Heilan Home春装商务白衬衫男修身HNCAD3A067Y 漂白(69) 漂
¥138.00
¥138.00
HLA海澜之家长袖衬衫男牛津纺休闲干净透气HNEAJ1E048A浅灰
¥128.00
¥128.00
HLA海澜之家牛津纺清新休闲衬衫2018春季新品质感柔软长袖衬衫男
¥99.00
¥99.00

作业六



    
        
        
        
    
    
        

你可能感兴趣的:(第二周总结)