《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之类的属性没有效率也容易引发问题


第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 点击链接、发送请求到服务器,等待返回一整个页面,使用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.


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章 综合示例

 

 

 


你可能感兴趣的:(Note,Javascript_Dom)