Javascript DOM编程艺术读书笔记1-3

发表于 | 分类于 ，
  • sublime 对比两个文件 [ctrl]+[alt]+[d]

第1章 JavaScript简史

  • DOM是一套对文档的内容进行抽象和概念化的方法。DOM是一种API，API就是一组已经得到有关各方共同认可的基本约定。
  • webkit是Safari和Chrome采用的一个开源web浏览器引擎。

第2章 JavaScript语法

1
2
3
var a=false;
var b="";
a==b          //true
  • 在命名变量时，用下划线来分割各个单词；在命名函数时，从第二个单词开始把每个单词的第一个字母写成大写形式，即驼峰式命名。

javascript本地对象、内置对象、宿主对象和自定义对象

1. 本地对象

ECMA-262把本地对象（native object）定义为“独立于宿主环境的ECMAScript实现提供的对象”。
此处的宿主环境，简单来说就是用户的机器环境，包括操作系统和浏览器。
本地对象包括如下内容：Object、Function、String、Array、Boolean、Number、Date、 RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError。由此可知，本地对象是ECMA-2定义的类（引用类型）。

2. 内置对象

ECMA-262把内置对象（built-in object）定义为“ 由ECMAScript实现提供的，独立与宿主环境的所有对象，在ECMAScript程序开始执行时出现”。这意味着开发者不必明确实例化内置对象，它已经被实例化了。ECMA只定义了两个内置对象，即Global和Math（它们也是本地对象，根据定义，所有内置对象都是本地对象）。

  • Math对象的常见属性：E（算术常量e，即自然对数的底数，约为2.718）、PI（圆周率，约为3.14159）。
  • Global对象是ECMAScript中最特别的对象，因为实际上它根本不存在，不信，在浏览器console中输入Global，报错。

3. 宿主对象

所有非本地对象都是宿主对象（host Object），即由ECMAScript实现的宿主环境提供的对象。

所有的BOM和DOM对象都是宿主对象。

4. 自定义对象

顾名思义，就是开发人员自己定义的对象，javascript允许使用自定义对象，使javascript得到扩充。

5. 总结

本地对象是ECMA官方定义好的对象；内置对象也是本地对象，只包括Global对象和Math对象；宿主对象包括BOM和DOM对象。

第3章 DOM

  • DOM的五个方法
  • getElementById
  • getElementsByTagName:返回一个对象数组
  • getElementsByTagClassName(class):返回一个数组
  • getAttribute(attribute)
  • setAttribute(attribute,value)