Javascript+DOM编程艺术笔记

Javascript+DOM编程艺术

  

  第一章:介绍了js的起源,由Netscape与sun共同开发;以及提及DOM 的概念,是一套对文档的内容进行抽象和概念化的方法。

       介绍了浏览器之争,IE4发布于1997年10月,由于浏览器之间的冲突,之后诞生了W3C,1998年10月;W3C对DOM 的定义:一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态的对文档的内容、结构和样式进行访问和修改。

       介绍了各种浏览器对W3C的支持。

   第二章:介绍了js的语法,语句,注释,变量,数据类型,数组,操作,条件语句,比较操作符,逻辑操作符,循环语句,函数,对象

        1.js的语法,类似英语有自己的语法,js也拥有自己的语法与Java十分的类似;

        2.js的语句,每条语句占一行,“;”结尾;

        3.js的注释,一共分为3中, “//”, ''/*  */ ", "<!-- -->". 推荐使用前两者注释。

        4.js的变量,变量声明,允许使用数字,字母,美元符号和下划线,是一种弱类型的语言。

        5.js的数据类型,主要有字符串(\进行转义),数值(不区分±,以及float),boolean。

        6.js的数组;关联数组,下标自定义。

        7.js的操作,算数运算符 +,-,*,/

        8.js的条件语句,  if(condition){something}

        9.js的比较操作符,>,<,==,<=,>=,!=

        10.js的逻辑操作符,&&,||,!

        11.js的循环语句,for(var i = 0; i < 10; i++){something;},while(condition){something;},do{something}while(condition);

        12.js的函数,function,涉及到全局变量以及局部变量;

        13.js的对象,对象时属性和方法。内建对象,new date,math,new Array();宿主对象,form等。

    第三章:介绍了DOM,节点,getElementById,getElementbyTagName,getAttribute,setAttribute

        1.Dom(document object model)文档对象语言

        2.节点,节点树,元素节点,文本节点,属性节点

        3.css层叠样式,selector{proterty:value},重要的技术是继承

        4.class属性,   .special{ font-style:italic}  ; id属性, #special{font-style:italic}

        5.getElementById,getElementbyTagName

        6.getAttribute,setAttribute

    第四章:介绍了childNoles,NodeType,nodeValue,fistChild,lastChild。

        1.childNodes得到一个元素的所有子元素;

        2.NodeType是获取元素类型,1表示元素节点,2表示元素属性,3表示文本节点

        3.nodeValue获取对象的值;

        4.fistChild是得到数组元素的第一个对象,node.childNodes[0];

        5.lastChild是得到数组元素的最后一个对象,node.childNodes[node.childNodes.length-1]。

原文地址:https://www.cnblogs.com/luying/p/3552983.html