我的JavaScript成长之路——知识点梳理

爱编程的朱朱 2016-12-07 10:01

1.JS概述：

JS是基于对象和事件的脚本语言。

2.特点：

a.安全性（不允许直接访问本地硬盘）它可以做的就是信息动态交互。

b.跨平台性。(只要是可以解释js的浏览器都可以执行，和平台无关)。

3.JS与Java的不同：

a.JS是netscape公司的产品，Java是sun公司的产品。

b.JS是基于对象，Java是面向对象。

c.JS只需要解释就可以执行，Java需要先编译成字节码文件。

d.JS是弱类型，Java是强类型。

e.JS是基于对象和事件驱动。

4.在js中无字符概念，单引号双引号都一样。

5.在JS中0就是假，1就是真。

6.在JS中switch里面的值可以是字符，在Java中是int。

7.在JS中 for(var x=0;x<3;x++){ alert("x="+x)}。

8.在js中数组就相当于集合是可变长度的，相对于Java中的集合。

9.该数组中可以存放的元素类型可以是不同的。

a.例如：var arr=[3,true,"abc"];

10.匿名函数（通常用于事件处理） var show=function(){alert("func run");} //调用 show();

11.动态函数通过JS内置对象Function实现,不同的是，动态函数，参数以及函数体都可以通过参数进行传递，可以动态指定。

a.例如：var demo=new Function("x,y";"alert(x+y)"); demo(4,6); 如同function demo(x,y){ alert(x+y);} demo(4,6 );

12.对象：

JS除了已经提供的内置对象外，也可以自定义对象

例：function Person(){}//很像java中的构造函数，P不一定要大写。

var p=new Person{};

p.name="zhangsan" //定义成员变量

p.age=20;

//定义成员函数

p.run=funciton(){

alert("run")

}

p.run();

或者 function Person(name,age){

this.name=name;

this.age=age;

}

var p=new Person("zhangsan",20);

13.with语句的用法简化代码，避免对象调用

a.例：with(p){ alert(name+"......"+age)} 就能把上面的Person对象里面的name和age的值打印出来。

14.高级for循环 for(变量 in 对象){}

例：var arr=[5,1,2,7,4,9,3];

for(x in arr){

alert(arr[x]);

}

15.在JS中字符串的长度用的是属性length不是方法length()。

16.DOM:document object model 文档对象模型

dom三层模型：

dom1:将html文档封装成对象。

dom2:将xml文档封装成对象。

dom3:将xml文档封装成对象。

DOM树 节点。

DHTML:动态html。

html css dom javascript

html:将数据进行封装。

dom：将标签封装成对象。

css：负责标签中数据的样式。

JavaScript：将三个进行融合，通过程序设计来完成动态效果的操作。

17.DOM对已标记型文档的解析有一个弊端就是文档过大，相对消耗资源。对于大型文档可以使用SAX这种方式解析。

18.使用逻辑运算符进去布尔表达式链接的时候，需要是短语与和短路或 && ||因为在JS中，非0即为true，0为false。非null为true，null为false。

19.function show(){

return "show run"

}

var method=show();

var method=show;

a.第一句表示的是show方法运行后的结果赋值给method变量。

b.第二句表示的是将show指向的对象的地址赋值给method，那么method也指向了该对象。

20.节点类型：

标签型节点：类型：1

属性节点：类型：2

文本型节点：类型：3

注释型节点：类型：8

document: 类型：9

a.注意：标签之间存在空行时，会出现一个空白的本文节点，在获取节点是一定要注意。

21.节点的关系：

父节点。parentNode

子节点。childNodes:直接子节点：返回的是一个节点对象集合。

兄弟节点：

上一个兄弟节点。previousSibling

下一个兄弟节点。nextSibling

22.getElementById:通过id属性值获取对应的节点对象，如果有多个id值相同，获取到的是第一个id所属对象。尽量保证ID唯一性，返回的是一个对象。

23.getElementByName:通过标签的name属性获取对象，返回的一对对象。其实是一个对象数组。

24.getElementsByTagName:即没有id也没有name时，可是通过标签名来获取节点对象，返回的是一堆对象，其实是一个对象数组。大多容器型标签都具备该方法。

严禁转载

原创者：爱编程的朱朱