一、表格操作
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: 当窗口大小发生改变的时候触发