慧桥教育Ajax学习.ppt

;课程安排;第一讲;什么是Ajax?;Ajax定义;传统Web应用与Ajax应用的比较;传统Web应用与Ajax应用的比较（cont.）;传统Web应用与Ajax应用的比较（cont.）;传统Web应用与Ajax应用的比较（cont.）;JavaScript基础;JavaScript简介;JavaScript语法—— 语句;JavaScript语法——注释;JavaScript语法——变量;JavaScript语法——数据类型;JavaScript语法——数组;JavaScript语法——数组（cont.）;JavaScript语法——操作、条件语句、循环语句;JavaScript语法——函数;JavaScript语法——对象;DOM基础;DOM简介;DOM树结构;DOM树结构（cont.）;DOM树结构（cont.）;节点 （node）;基本DOM方法;重要DOM属性;重要DOM属性（cont.）;改变网页结构的DOM方法;基于DOM的Web应用程序示例;基于DOM的Web应用程序示例;初始的HTML清单;初始的HTML页面预览;目标效果;使用getElementById()函数获得元素节点;修改图片，麻烦的办法;1、创建新的img元素;2、获得原始图片的父元素;3、插入新图片;4、删除旧图片;5、表单元素连接JavaScript;思考：替换图片更简单的办法;然后…把兔子藏起来