《javascript+dom 编程艺术 》学习笔记

第三章 DOM

一，DOM 是Document Object Model(文档对象模型)的缩写

      1，D是Document

       2， O是Object    javascript 里面的对象主要有三种

          （1） 用户自定义对象

           （2） 内建对象 native object :例如 Array,Math,Date等

           （3） 宿主对象：由浏览器提供的对象，最基础的是window对象。

        3，M代表模型

             （1）一份文档就是一颗节点树。

              （2）元素分为元素节点，属性节点和文本节点

              （3）getElementById()返回一个对象

              （4）getElementsByTagName()返回一个对象数组

               （5）getAttribute()获得属性

                （6）setAttribute()设置属性

 第四章 案例研究

         DOM的几个新属性

                      1，如果想改变某个文本节点的值，使用DOM的nodeValue属性

                                  node.nodebvalue

                                  childNodes[0].value  子节点的nodevalue 属性值

                                  node.firstChild等价于node.childNodes[0]

                                  node.lastChild等价于node.childNotes[node.childNodes.length-1]

第五章 javascript编程原则和良好习惯

                      预留退路：

                                    5.2  原因 ：伪协议<a href="javascript:popUp('http://www.example.com/');”>example</a>

                                                    内嵌的事件处理函数：<a href="#” onclick="popUp('http://www.example.com/');return false;">example</a>

                                                    两者的缺点：如果用户禁用了浏览器的javascript功能，这样的链接将毫无用处

                                      预留退路： <a href="http://www.example.com" onclick="popUp(this.href);return false;">example</a>

                                       5.3 c向CSS学习

                                                          将CSS代码从HTML文档里分离 出来可以让CSS工作的最好。

                                     5.4 结构化程序设计原则的灵活运用

                                                          结构化程序设计理论; 每个函数都应只有一个入口点和一个出口点。

                                                           为了代码变得好读，同一个函数有多个出口点的情况是可以接受的，但前提是他们应该集中出现在函数的开头部分。