DOM、BOM相关方法及属性

一、表格操作

tHead : 表格头

tBodies : 表格正文

tFoot : 表格尾

rows : 行

cells : 列

alert( oTab.tBodies[].rows[].cells[].innerHTML );

二、添加class

var oDiv = document.getElementById('div');

addClass(oDiv, 'box');

function addClass(obj,className){

if(obj.className == ''){

obj.className = className;

}else{

var arrClassName = obj.className.split(' ');

var _index = arrIndexOf(arrClassName, className);

if(_index == -1){

obj.className += ' ' + className;

}

}

}

function arrIndexOf(arr, val){

for (var i=0;i<arr.length;i++){

if(arr[i] == val){

return i;

}

}

return -1;

}

三、删除class

function removeClass(obj,className){

if(obj.className != ''){

var arrClassName = obj.className.split(' ');

var _index = arrIndexOf(arrClassName, className);

if(_index != -1){

arrClassName.splice(_index, 1);

obj.className = arrClassName.join(' ');

}

}

}

四、表单操作： onchange：当值发生改变的时候出发name=''

text： 当光标离开的时候如果内容有变化就会触发

radio/checkbox： 标准下点击的时候只要值发生变化就会触发

    非标准下焦点离开的时候如果值变了就会触发

select：当前的value值就是选中option里有selected属性的value值

表单事件： onsubmit：事件 当提交表单的提交时候触发

submit()：方法提交表单

onreset： 事件 当提交表单重置的时候触发

五、BOM：open(页面url，打开的方式)， 方法   打开一个新的窗口（页面）

   1）参数：如果url为空，则默认打开一个空白页面

   2）参数：如果打开方式为空，则默认新窗口方式打开

   window.open('http://www.baidu.com', '_self'); _self本窗口打开

   返回值：返回新打开的窗口的window对象

   close()， 方法   关闭窗口

1). ff：默认无法关闭

2).chrome：默认直接关闭

3).IE：询问用户

六、BOM属性

winodw.navigator.userAgent 浏览器信息

if(window.navigator.userAgent.indexOf('MSIE') != -1){

alert('是IE');

}else{

alert(''不是IE);

}

window.location：浏览器地址信息

window.location.href：url

window.location.search：url?后面的内容

window.location.hash：url#后面的内容

七、BOM文档宽高及窗口事件

获取可视区的宽高： doucment.documentElement.clientWidth

  document.documentElement.clientHeight

获取滚动距离： var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

内容高度： 元素.scrollHeight(Width);

onscroll： 当滚动条滚动的时候触发

onresize： 当窗口大小发生改变的时候触发