与DOM脚本编程工作有关的问题不外乎平稳退化、向后兼容和分离JavaScript这几大类。这些问题的解决方式和解决程度影响着网页的可用性和可访问性。
网页的行为层(JavaScript)是作用于其结构层(HTML)之上的。如果想用JavaScript给某个网页添加一些行为,就不应该让JavaScript代码对这个网页的结构有任何依赖
-
匿名函数:是一种在代码执行时创建的函数的。
element.event = function() { statements; }
-
三元操作符(ternary operator): variable = condition ? if true : if false;
// if (whichPic.getAttribute("title") !=null ) 可以简写为: if (whichPic.getAttribute("title")) if (whichPic.getAttribute("title")) { var text = whichPic.getAttribute("title"); } else { var text = ""; } // 上面代码可以用三元操作符简写: var text = whichPic.getAttribute("title") ? whichPic.getAttribute("title") : "";
-
DOM Core 和 HTML-DOM
- DOM core:
- 并不专属于JavaScript,支持DOM的任何一种程序设计语言都可以使用它们。它们的用途也并非仅限于处理网页,它们可以用来处理用任何一种标记语言(比如XML)编写出来的文档。
- 一些属于DOM Core 的 方法: getElementById 、getElementByTagName 、getAttribute、setAttribute
- HTML-DOM:
- 在使用JavaScript语言和DOM为HTML文件编写脚本时,还有许多属性可供选用,这些属性属于HTML-DOM
- 一些属于HTML-DOM的属性:onclick、document.forms 、element.src、element.href
- HTML-DOM代码只能用来处理Web文档
- DOM core:
案例练习代码:在E:\myspaces\JavaScript DOM 编程艺术(第2版)\第4章 案例研究:JavaScript 图片库 中