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

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: 当窗口大小发生改变的时候触发

你可能感兴趣的:(JavaScript)