ajax实用技术教学课件作者程继洪肖川李海斌编著第6章dom基础6.6-6.7.pptx
文本预览下载声明
6.6 节点操作综合实例 ;6.6.1 获取节点的基本信息;;;;;;;;;;;;;;6.6.2 节点的添加删除与修改 ;;;;;;;;;;;;;;;;;;;;6.6.3 控制元素样式;;;;（3）设置背景 ;（4）设置字体 ;;;;;6.7 总结;;
显示全部
文档详情
相似文档
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第6章dom基础6.1-6.2.pptx
第2部分 DOM、事件处理及常用对象第6章 DOM基础本章导读 ◆ DOM树形结构。 ◆ DOM节点类型、常用属性和方法。 ◆ DOM节点的引用。 ◆ DOM节点的操作。在许多应用中可以动态的调整网页的内容，根据用户的不同操作，显示新的内容，删除原来的内容，修改已有的内容，而且还有各种动态效果。这是怎么实现的呢？或许这一问题已经勾起了你的兴趣，答案就是这一章中。Ajax通过异步请求从服务器请求了信息，并通过添加、修改和删除网页中的节点进行内容更新。在网页中显示的文本、链接、图片、动画等漂亮的元素在浏览器的解析器看来都是一个一个的节点，节点之间有父与子的关系，通过对这些节点的解析，就显示出漂亮了
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第6章dom基础6.3-6.5.pptx
6.3 节点引用所谓节点引用就是指在文档中查找指定的节点。如何在文档中找到自己想要操作的节点，是节点操作中非常重要的一环。JavaScript查找节点的方法在Document对象中，它是一个全局对象，可以直接使用而无需任何声明。Document提供的节点查找的方法如表6-4所示。通过以上方法就可以查找所有想要查找的元素节点了。查找到想要的节点之后就可以通过节点的属性和方法操作节点了。前面已经介绍了节点的查找、添加、删除和修改，还有很重要的一点就是创建节点。6.4 创建节点在Ajax实际开发中，经常需要在当前文档中显示新的内容，这是通过创建节点，并通过节点的方法把新建的节点添加到文档中的。Jav
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第4章javascript基础4.7.pptx
4.7 其他语句
除了上述的控制结构外，还有一些其他结构在实际编程中应用的比较多，现分述如下。
4.7.1 异常处理
在程序运行中错误是不可避免的，那么如果程序中出现了错误该怎么办呢？
不用担心，JavaScript给我们提供了处理错误的方式，那就是try…catch语句。
它可以使程序即使发生了异常也可以优雅的结束。
try…catch语法结构如下：
try {
// 有可能触发异常的语句；
}
catch(err) {
// 处理错误的语句
}
finally {
// 处理语句
}
图4-5 try…catch执行流程
执行流程：
首
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第4章javascript基础4.8-4.9.pptx
4.8 JavaScript调试
到目前为止，你已经写过不少程序了。如果程序中出现了错误该怎么办？你可能立刻就会想到异常处理。但异常处理只能发现错误并进行“优雅”的处理，实质上是掩盖了错误！
这不是我们想要的结果。我们想要发现程序中出现的语法错误或逻辑错误，从而订正它们，而不是掩盖它们。
如何才能发现错误呢？
这需要借助一定的工具。许多集成的JS IDE中提供了调试功能。我们现在给大家介绍的是浏览器中集成的“开发者工具”。看似不起眼的小工具，足可以用任我们的调试任务。
图4-6 Firefox和Chrome浏览器的开发者工具
图4-6显示了Firefox和Chrome浏览器中的开发者工具，F1
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第2章css3基础2.3.pptx
2.3 CSS选择器 ;;;;;;;2.3.1 标记选择器 ;;;;2.3.2 类选择器;;;;;;;2.3.3 ID选择器 ;;;;;;2.3.4 属性选择器 ;;;;;[attribute~=value]选择器 ;;[attribute|=value]选择器 ;;;;[attribute^=value]选择器 ;;;[attribute$=value]选择器 ;;;;[attribute*=value]选择器 ;;;;2.3.5 属性性选择器串连 1、属性选择器指定元素标记 ;;2、选择多重属性 ;;;;;
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第4章javascript基础4.6.pptx
4.6 控制结构;4.6.1 顺序结构 ;;4.6.2 分支结构;（1）if语句 ;;（2）if~else语句;;（3）switch语句;;;;;;;;;;;4.6.3 循环结构;;（1）while语句 ;;（2）do~while语句;;（3）for语句;;;;;（4）for…in语句与for…of语句;;;;（5）continue语句 ;;;;;
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第2章css3基础2.5.pptx
2.5 样式的继承、冲突与叠加
如果在网页中一个元素没有指定样式，那它会显示什么样式呢？
答案是它将使用父元素（即包含它的元素）的样式，这种性质称为样式继承。
如果同一网页对应多个选择器，那么就会出现样式冲突和叠加的情况。
所谓样式冲突就是指对于同一CSS属性却设置了不同的值，如color属性在不同的选择器中，针对同一元素设置了不同的颜色。
所谓样式叠加就是指不同的选择器针对同一元素指定了不同的CSS属性，这些CSS属性共同决定元素的样式，即同一元素应用了多个样式。
对于样式叠加比较容易理解，就是同一元素应用多种样式。但对于样式冲突该怎么解决呢？元素到底该应用哪个选择器的样式呢？
这是由样式表
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第4章javascript基础4.5.pptx
4.5.1 运算符运算符也称为操作符，可以进行数学运算、比较运算、逻辑运算和赋值运算等，参与运算的数据称为操作数。按照操作数的多少，可以分为单目操作运算符（只有一个操作数）、双目运算符（作用于两个操作数）和三目运算符（作用于三个操作数）。JS中的运算符有优先级和结合性的概念。所谓的优先级是指如果同时出现多个运算符时，没有括号的情况下先执行哪一个。优先级高的先执行，优先级低的后执行。如，a + b * c，因为*乘号的优先级高，所以先算b*c，再计算a加bc的积。结合性是指相同优先级的运算符在同一个表达式中，且没有括号的时候，运算符和操作数的结合方式，通常有从左到右结合（称为左结合性）和从右到左
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第1章html基础1.2.pptx
1.2 编辑HTML现在你已经知道HTML的基本结构，还认识了一些有用的头标记。这些头标记对于你的网页有着十分重要的意义，有助于别人记住你的网页，使网页易于维护，还能使别人易于发现你的网页，希望你能记住它们，并在实际应用中使用它们。学了这么多，现在还不能编写一个HTML网页文件，真是有点遗憾。现在我们就介绍一下如何编写HTML网页。编写HTML网页不需要十分专业的编辑器，它只需要一个纯文本编辑器就可以。注意这里是用“纯文本”编辑器，不要用带有格式的Word等编辑软件进行编辑。当然专业的网页制作还是采用专业的工具比较好，如Dreamweaver。也可以使用Macromedia公司的网页制作三剑客
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第4章javascript基础4.3-4.4.pptx
4.3 数据类型 ;4.3.1 数值型 ;;;;4.3.2 文本类型;;;;4.3.3 布尔型、null和undefined ;;;4.3.4 全局对象 ;;4.3.5 类型转换 1、自动类型转换 ;;2、强制类型转换 （1）把数字转换成字符串 ;（2）把字符串转换成数字 ;4.3.6 数据类型的性质 ;;;;;;;;4.4 变量 4.4.1 变量声明;;;;;4.4.2 变量的分类 ;1、全局变量的声明 ;;2、局部变量的声明 ;4.4.3 变量的作用域;;;;;;;;;;;;;;;
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第5章对象、数组与函数5.4.pptx
5.4 数组
数组是一系列元素的集合，每个JavaScript的数组比较特殊，数组是无类型的，也就是说同一数组中的元素类型可以不同。
数组元素也可以是另一个数组（多维数组），或者是对象，也可以是函数。元素用基于0（零）的数字标记，这一数字称为下标。数组下标的最大值为232。
JS的数组是动态的，即可以根据内容个数和多少自动调整数组的大小，所以声明数组时无需指明大小。
5.4.1 数组声明
数组声明有两种方式，第一种是字面量声明数组，第二种是new关键字声明。如：
var arr1 = []; // 声明一空数组
var arr2 = new Array(); // 声明一空数组
var ar
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第8章常用对象简介8.2-8.3.pptx
8.2 Location对象window.location对象可以获得当前网页的URL地址，也可以将浏览器重定向到新的网页。常用的属性和方法如下： ◆ location.href——返回当前网页的URL地址，或者指定要跳转的地址。 ◆ location.hostname——返回Web主机的域名。 ◆ location.pathname——返回当前网页的路径和文件名。 ◆ tocol——返回网络应用的协议名称（http:// 或https://）。 ◆ location.assign——载入一个新的网页。这些用法比较简单，下面举个例子。在这个例子中用到的网页结构如下： div id=con网页信
-
ajax实用技术教学课件作者程继洪肖川李海斌编著附录a2.6-a2.9.pptx
A2.6 项目导入
第1步：在Eclipse工作区空白处右键单击，选择“Import”→“Import…”，弹出Import对话框，如图A-39所示。
图A-39 导入项目
第2步：在General节点下选择“Existing Projects into Workspace”，点“Next”按钮，如图A-40所示。
图A-40 选择导入类型
第3步：点击“Select root directory”单选按钮后的“Browse…”按钮，浏览磁盘上要导入的项目，如图A-41所示。
图A-41 选择项目在磁盘上的位置
第4步：选择要导入的项目，如这里的AjaxSyn，点“确定”按钮，如图A-42
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第10章xml第10章xml.pptx
第10章 XML ;;10.1 XML格式 ;;;;说明： ;;XML格式补充说明;;10.2 XML约束;XML约束机制;;10.3 XML格式化
-
ajax实用技术教学课件作者程继洪肖川李海斌编著第8章常用对象简介8.7.pptx
8.7 Cookie对象
Cookie用于在网页中存储用户的信息，但这些信息只能是少量的。
Cookie以纯文本文件的形式记录在磁盘上，当然用户可以选择禁止使用Cookie，这时就无法通过Cookie存储用户信息了。
因为HTTP协议是一种无状态的协议.
也就是说同一用户两次访问同一网址，服务器是不“认识”他的，但通过Cookie可以把用户和访问的网址记录下来，下次访问该网址时，服务器可以通过Cookie“记住”这一用户。
Cookie保存用户信息是以“名-值”对的格式保存的，格式如下：
username = cjh
JavaScript通过document.cookie（也就是Cookie对