《JavaScript DOM编程艺术》知识整理

《JavaScript DOM编程艺术》知识整理

好书的好处在于常读常新

• W3C推出的标准化DOM可以让任何一种程序设计语言对使用任何一种标记语言编写出来的任何一份文件进行操控。

• W3C对DOM的定义是：“一个与系统平台和编程无关的接口，程序和脚本可以通过这一接口动态地对文档的内容、结构和样式进行访问和修改。”

• 现代的浏览器都至少实现了W3C相关标准中95%的规范，而这意味着在编写JavaScript代码时几乎不需要考虑他们将运行在何种浏览器环境下。

• DHMTL时HTML/XHMTL、CSS和JavaScript相结合的产物，但把这些东西真正凝聚在一起的是DOM。

• 语句之间可以不加分号;

  
  
  
  

   
   
   
   
var i = 0
   
   
   
   
var a = "string"
  
  
  
  

但不推荐。 
- 可以使用<!--的形式进行注释，不需要-->，它只能单行注释，为了不和HMTL注释混淆，建议不要在JavaScript脚本中使用HMTL风格的注释。

  
  
  
  

   
   
   
   
<!-- This is a comment in JavaScript.
  
  
  
  

• JavaScript变量名允许包含字母、数字、下划线和美元符号$

• 字符串放在单引号''和双引号""的作用相同。

  
  
  
  

   
   
   
   
var mood = 'happy';
   
   
   
   
var mood = "happy";
  
  
  
  

• 可以将任何一种类型的数据放进一个数组，例如：

  
  
  
  

   
   
   
   
var computer = Array("lenovo", 5900, true);
  
  
  
  

-数组甚至可以包含其他的数组，数组中的任何一个元素都可以把一个数组作为它的值。

  
  
  
  

   
   
   
   
var computer = Array("lenovo", 5900, true);
   
   
   
   
var computers = Array();
   
   
   
   
computers[0] = computer;
  
  
  
  

• 我们可以通过在填充数组时为每个新元素明确的给出下标的方式来改变这种默认的行为。在为新元素给出下标时，不必局限与整数数字，数组下标可以时字符串。

  
  
  
  

   
   
   
   
var computer = Arrary();
   
   
   
   
computer["name"] = "lenovo";
   
   
   
   
computer["price"] = 5900;
   
   
   
   
computer["China"] = true;
  
  
  
  

• 在变量命名时，使用下划线来分割各个单词；在函数命名时，使用驼峰命名法（Camel，第二个单词以后首字母大写）

  
  
  
  

   
   
   
   
function newFun(){
   
   
   
   
 var new_word ;
   
   
   
   
}
  
  
  
  

• 比较全局变量和局部变量的使用 
  分析下面的输出

  
  
  
  

   
   
   
   
function square(num){
   
   
   
   
 total = num * num;
   
   
   
   
 return total;
   
   
   
   
}
   
   
   
   
var total = 50;
   
   
   
   
var number = square(20);
   
   
   
   
alert(total);
  
  
  
  

输出：400 
原因：函数内的total没有使用var声明，则默认使用全局变量。 
分析下面的代码：

  
  
  
  

   
   
   
   
function square(num){
   
   
   
   
 var total = num * num;
   
   
   
   
 return total;
   
   
   
   
}
   
   
   
   
var total = 50;
   
   
   
   
var number = square(20);
   
   
   
   
alert(total);
  
  
  
  

输出50 
函数内使用了var进行局部声明，则与外部的全局变量没有联系，所以全局变量total没有改变。

• 实现点击链接不跳转的效果

  
  
  
  

   
   
   
   
<a href="www.baidu.com" onclick="return false;">百度</a>
  
  
  
  

onclick事件处理函数的值是false，onclick事件处理函数将认为“这个链接没有点击”

• 有childNodes属性饭胡的数组包含着所有类型的节点，除了所有的元素节点，所有的属性节点和文本节点也包含在其中。事实上，文档里几乎每一样东西都是一个节点——甚至连空格和换行符都会解释为节点，而它们也全部包含在childNodes属性所返回的数组当中。

• 节点属性的数字对应

  元素节点的nodeType属性值是1
  属性节点的nodeType属性值是2
  文本节点的nodeType属性值是3
  

•