《JavaScript DOM 编程艺术(第2版)》读书笔记六: 案例研究: 图片库改进版

  • 与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文档
  • 案例练习代码:在E:\myspaces\JavaScript DOM 编程艺术(第2版)\第4章 案例研究:JavaScript 图片库 中

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容