javascript入门

javascript入门《JavaScript DOM编程艺术 (第2版)》

下面是看JavaScript DOM编程艺术 (第2版)的一些总结，这本书写的简单易懂，不是枯燥无味的罗列语法，简单实用：

一、JavaScript语法：

1、JavaScript代码要嵌入到HTML中才能执行。

可以直接在写在<script></script>中，但是最好的做法是先把JavaScript代码存入一个独立的文件（.js）中，再利用<script>标签的src属性指向该文件。

<script type="text/javascript" src="xxx/fileName.js">

</script>

2、变量的作用域：

如果在某个函数中使用了var关键字，那个变量就将被视为一个局部变量，它将只存在于这个函数中。如果没有使用var，那个变量就被视为一全局变量。如果你的脚本里已经存在一个与之同名的变量，这个函数将覆盖那个现有变量的值。

二、DOM

1、DOM类型：元素节点、属性节点和文本节。

2、DOM常用的方法：getElementById()、getElementsByTagName()、getAttribute()、setAttribute()

3、DOM常见属性：

     ①element.childNodes属性：取得节点树中任何一个元素的所有子元素。返回值位一个数组。  

    ②nodeType：值不是英文，是数值。常用的有三种：

        元素节点：1

       属性节点：2

       文本节点：3

    ③node.nodeValue属性：改变某个文本节点的值。

注意：nodeValue获取description对象的值时，得到的不是包含在这个段落里的文本。而是返回一null值。此元素的第一个节点就是想要的值，所以需要检索它的第一个子节点的nodeValue属性值 如description.childNodes[0].nodeValue 。等价于node.firstChild.nodeValue（第一个子节点的值）。
最后一个子节点的值：node.lastChild.nodeValue。

4、共享onload事件：

window.οnlοad=firstFunction;

window.οnlοad=secondFunction;

把他们逐一绑定到onload事件上，只有最后那个才会被实际执行。解决方法：

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(想要绑定的function1);

addLoadEvent(想要绑定的function2);