DOM 编程艺术小结1

标签：

1.变量作用域及全局变量

凡是未使用 var声明的就是全局变量，全局变量相当于window对象的属性及  var age 相当于 window.age

变量作用域是以 块和function为单位的 if，while 等条件和循环语句不算，所以通常将所有的变量声明在程序的开头

2.变量类型

简单类型：null ，undefined，string，number，boolean 。存放在栈中，每次操作简单类型就是重新开拓一个空间，string，number，boolean 共享 内建对象String，Number，Boolean的方法，但是 使用 instanceof检查发现并不是String，Number，Boolean 的实例

3检查数据类型

简单类型使用 typeof检查  结果是小写字符串，另外 typeof除了检查五个简单类型，检查 Object 类型结果是 "object" ,检查 function类型是 “function”

检查Object类型：

　　　　1.使用 instanceof 如:

var a={}; a instanceof Object // true

　　2.使用 constructor（连接到原型链的构造函数） 如：

function test(){}
var t=new test();
t.constructor==test // true

以上两种方式都必须要知道 变量肯能是什么数据类型

　　　　3.使用 tostring 如：

var str =new String();

Object.prototype.toString.call(str) //[object String]

var t=new test();

Object.prototype.toString.call(t) //[object Object]

可惜这个方法只能检查 内建的原型对象 ，自定义的对象一律值为 Object

4.操作字符串

　　　　1.查找字符串 使用indexof (如果没有查找到返回-1)方法，如：var str="hello world"; str.indexof("hello")>=0 

　　　　2.替换字符串 replace：如：

var str="gg, has"; str.replace("g","x"); //  "xg,has"  只能替换一个，如果想要替换多个用正则表达式

str.replace(/g/g,"x"); // "xx,has"

　　　　3.截取字符串 使用 substr(index,length) 截取字符串后面的 ， substring(firstindex,lastindex)截取字符串前面的 如： 

function substr(value,place)
{
     var str="hello wold welcome your";
     var index=str.indexof(value);
     if(place==="after")
     return str=str.substr(index);
     if(place==="head")
     return str=str.substring(0,index);  
}
   
substr("welcome","after") // welcome your 

substr("welcome","head") // welcome your 

　　　　4.字符串转换为数组： var str="zhang,san";  str.split(",") // ["zhang","san"]

　　　　5.数组转换成字符串： var arr=["zhang","san"] ; arr.join("|") // "zhang,san"

 　　　　6. match,和 exec  正则表达式操作

5. 操作DOM

　　　　1.获取节点： id,tag,class 其中 class是html5新添加属性，此属性可以查找带多个类名的属性 如：document.getElementsByClassName（“t2 t1”），要求既带有t1 又带有t2

　　　　2.设置属性：getAttribute 和setAttribute 属性，也可以使用 elem.src 这样的方法 但这种方法是非 DOM的，所幸所有主流浏览器都支持，但还是不推荐使用

　　　　3.DOM节点类型 ：元素节点，属性节点，文本节点 判断方式：nodeType ：值分别是 1，2，3

　　　　4. DOM 树：parent ，child ，slibing 

6.对象和数组

数组不能使用 .访问

DOM 编程艺术小结1

标签：

原文地址：http://www.cnblogs.com/haigui-zx/p/4813089.html