1.获取css样式属性值
function getStyle(obj,attr){
if( obj.currentStyle ){
return obj.currentStyle[attr];
}else{
return window.getComputedStyle(obj,null)[attr]
}
}
2.获取body节点
var body = document.documentElement||document.body
3.获取事件对象
Body.onclick =function(e){
var e = e || window.event;
}
4.关于用“索引”获取字符串每一项出现的兼容性问题:
// 对于字符串也有类似于 数组 这样的通过 下标索引 获取每一项的值,
var str="abcde";
aletr(str[1]);
// 但是低版本的浏览器IE6,7不兼容
// 兼容方法:str.charAt(i) //全部浏览器都兼容
var str="abcde";
for(var i=0;i<str.length;i++){
alert(str.charAt(i)); //放回字符串中的每一项
}
5.关于为一个元素绑定两个相同事件：
//事件绑定:
//IE8以下用: attachEvent('事件名',fn);
//FF,Chrome,IE9-10用: addEventLister('事件名',fn,false);
//事件移除：
detachEvent('事件名',fn);
removeEventLister('事件名',fn);
6.阻止默认行为
preventDefault: function(event){
if (event.preventDefault){
event.preventDefault();
} else {
event.returnValue = false;
}
}
7.阻止冒泡
stopPropagation: function(event){
if (event.stopPropagation){
event.stopPropagation();
} else {
event.cancelBubble = true;
}
}
8.Ajax请求
IE：new ActiveXObject()
FF、Chrome：new XMLHttpRequest()
9.获取窗口大小
window.innerHeight || document.documentElement.clientHeight
window.innerWidth || document.documentElement.clientWidth
10.获取事件源
var source=event.srcElement //IE
var source=event.target //firefox
