《Javascript_Dom 编程艺术》(第2版)读书笔记
第1章 Javascript 简史
Dom : 平稳退化、渐进增强,以用户为中心的设计
第2章 Javascript 语法
1.程序设计语言分为:解释性(javascript)和编译型(java,C++)两大类2.变量作用域:假设某个函数中使用了var,该变量被视为一个局部变量。仅仅存在于该函数的上下文中;反之,则是一个全局变量。假设脚本中已经存在一个与其同名的全局变量,这 个函数就会改变那个全局变量(在其后出现)的值。
3.内建对象(Array, Math, Date等)。宿主对象(浏览器提供的对象)(Form, Element, Image, document(活的网页上不论什么一个元素))
4.BOM DOM
第3章 DOM
1.三种DOM方法获取元素节点document.getElementById(); document.getElementsByTagName(); document.getElementsByClassName();
2.在Javascript里,null代表没有值
3.元素的方法: getAttribute(); setAttribut();
第4章 案例研究:Javascript图片库
第5章 最佳实践
1.平稳退化,渐进增强2. Html文档里使用onclick之类的属性没有效率也easy引发问题
第6章 案例研究:图片库改进版
addLoadEvent()收录到脚本中
第7章 动态创建标记
1.document.write(); 不推荐使用2.innerHTML(); 插入一大段HTML内容。若要对插入的内容进行处理,须要DOM提供的精确属性和方法
3.在DOM看来,一个文档就是一个节点树
4.CreateElement(); CreateTextNode(); appendChild():将节点连接成为文档树一部分,也可连接两个都不是文档树一部分的节点
5.DOM方法创建和插入新节点:createElement(), createTextNode();
6.parentNode.insertBefore(newElement, targetElement);
7.insertAfter() 收录到脚本中
8.Ajax 点击链接、发送请求到server,等待返回一整个页面,使用Ajax能够做到仅仅更新页面中的一小部分. Ajax技术的核心是XMLHttpRequest
9.Hijax 渐进增强的Ajax
10.SEO 搜索引擎优化
第8章 充实文档的内容
1.for(variable in array) 第一次循环时,variable表示array中第一个元素的下标值; 第二次循环时,表示第二个元素的下标值。 值到最后一次循环。 "for(..in..)循环用于遍历数组下标值不为整数的数组"
2.微软直到IE7才支持abbr元素
3.Javascript脚本仅仅应该用来充实文档的内容。要避免使用DOM技术创造核心内容
第9章 CSS-DOM
1.<p id="elem" style="color:#000; font-family:Arial, Sans-Serif;"></p>var para = document.getElementById("elem"; alert(para.style.color); alert(para.style.fontFamily); 驼峰标识转化属性中含有的减号
2.style对象的属性值须放在单引號或双引號里。否则会被解释为变量 para.style.color = "black";
3.不该用DOM技术(Javascript)去创造重要的HTML内容,也不该用DOM技术去创造重要的样式信息,最多能够对文档的样式做补充
4.通用函数的设计
第10章 用Javascript实现动画效果
第11章 HTML5
第12章 综合演示样例