CSS－－API

1,Array API

1),删除/替换数组中部元素
arr.splice(index,count)
arr.splice(index,count,repalcement)
2),数组倒序保存
arr.reverse()
3),数组中元素的排序方法
arr.sort()    //按照Unicode码排序
arr.sort(function(e1,e2){
	return e1-e2;
})　　　//对元素排序

2,String API

3,Math API

Math.random():产生一个0<=n<1的伪随机数
var n1=Math.random();
var n2=Math.random()*100;　　　　　　　　　　// 0<=n<100　之间的随机数
var n3=parseInt(Math.random()*100);　　　　// 0<=n<100　之间的整数
var n4=parseInt(Math.random()*9000+1000); //1000<=n<10000之间的整数
console.log(n4);

4,宿主对象之－－BOM对象

Broswer Object Model:浏览器对象模型，专用于与浏览器交互
1),window:指代当前浏览器窗口对象
三种弹出对话框：警告框：window.alert()
			 输入框：window.prompt()
			 确认框：window.confirm()
打开/关闭窗口：window.close()
			 window.open(url)
两种定时器：window.setInterval(cb,time)　启动周期性定时器
   		　window.clearInterval(timer)  停止周期性定时器
          window.setTimeout(cb,time)　　启动延时性定时器	
          window.clearTimeout(timer)　　停止延时性定时器		
			 			 
2),document:当前浏览器渲染的HTML文档
3),screen:当前屏幕对象
4),location:当前浏览器渲染的页面地址
　　　保存当前窗口的地址栏信息，可读可写，读取或设置当前窗口的URL
　　　属性：href
　　　方法：reload(false) 
　　　	  重新加载页面（刷新），默认参数是false，表示优先从缓存中加载，
　　　	  设置为true表示强制从服务器根目录中请求
　　　
5),history:当前浏览器的浏览历史记录
     属性：length　保存当前窗口访问过的历史记录数量
     方法：back()  返回上一个历史记录
          forward()  前进下一个历史记录
          go(n)  正值表示前进n条历史记录，负值表示后退n条历史记录
     使用：１，超链接修改地址栏中url，会增加历史记录
     　　　２，前进和后退按钮不会增加历史记录，只是指针的移动
6),navigator:当前浏览器对象
7),event:当前浏览器事件

5,DOM对象

１，文档对象模型，提供操作HTML文档的方法．核心对象为document对象

２，节点对象．JS对HTML文档中的标签，文本，属性甚至注释都封装成对象，提供操作的方法，成为节点对象．分为：
　　元素节点：标签
　　文本节点：文本内容
　　属性节点：标签属性
　　
３，获取元素节点
　　1),根据标签名获取节点的列表
　　　document.getElementsByTagName('标签名');
　　2),根据类名（class属性值）获取节点列表
　　  document.getElementsByClassName('c1');
　　3),根据name属性值获取节点列表
　　  document.getElementsByName('c1');
　　４),根据id属性值获取节点列表
　　  document.getElementById('d1');
　　  
４，操作元素内容
    元素节点提供三个属性，操作标签内容或值
    1),innerHTML－－读取或者设置元素节点的内容，可以识别标签语法（内容可以添加标签）
    2),innerText－－读取或者设置元素节点的内容，不能识别标签语法
    3),value－－读取或设置表单控件的值
    
５，操作元素属性
	1),标签属性都是元素节点对象的属性，使用点语法直接访问，注意操作类名时，
	　　需要将class更名为className.
	　　h1.className='c1 c2';
	　　h1.id='d1';
	　　h1.style='';
	　　h1.value=null;
	2),元素对象提供相关的方法操作标签属性
	   setAttribute("attrName","value")
	   getAttribute("attrName");
	   removeAttribute("attrName");
	   
６，操作元素样式
	1),通过操作id和class属性，对应选择器的样式
	2),操作行内样式，包含所有CSS的属性，可以使用点语法操作，所有出现连接符的CSS属性
	   一律更改为驼峰标识
	   
7,节点的层次属性
	1),获取父元素
	   parentNode
	2),获取子元素列表
	   childNodes－－获取所有子节点，包含文本节点（包含换行）
	   children－－获取所有子元素，不包含文本节点
	3),获取下一个兄弟节点
	   nextSibling
	   nextElementSibling (获取下一个元素兄弟节点)
	4),获取上一个兄弟节点
	   previousSibling
	   previousElementSibling(获取上一个元素兄弟节点)
    5),获取属性节点的列表
       attributes
    
8,节点的创建，添加和移除
	1),创建节点 动态创建的节点与页面中的元素是一一对应的，需要添加几个元素就需要创建几个节点
	   var h1=document.createElement('h1');
	2),节点添加　节点的添加和移除只能由父元素操作
	  1,添加在父元素的末尾
	  　parentNode.appendChild(elem);
	  2,指定位置添加
	  　parentNode.insertBefore(new,old);
	3),移除节点
		parentNode.removeChild(elem);