前端之常用代码

1.获取事件
window.onload = function (evt) {
//获取事件兼容
//window.event ff不支持 IE chrome 支持
var evt = evt || window.event;

//event.srcElement问题
//问题说明：IE下，even对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有 srcElement属性。
//解决方法：使用srcObj = event.srcElement ? event.srcElement : event.target;

  var src = evt.srcElement || evt.target;//获取事件的源对象

    //阻止默认事件
   //   evt.preventDefault  标准浏览器
    //兼容IE evt.returnValue = false;
            evt.preventDefault ? evt.preventDefault() : evt.returnValue = false;
  //阻止冒泡
  //标准浏览器evt.stopPropagation
 // IE  evt.canceBubble = true;
 evt.stopPropagation ? evt.stopPropagation() : evt.canceBubble = true;

}

2.事件监听
//兼容添加事件监听者
function addEventListener(obj,event,fn) {
//标准浏览器 obj.addEventListener(event,fn,false) event 不带on
//obj.attachEvent(“on” + event,fn) 老版本IE浏览器 事件要带on
obj.addEventListener ? obj.addEventListener(event,fn,false) : obj.attachEvent(“on” + event,fn);
}
//兼容删除事件监听器
function removeEventListener(obj,event,fn) {
obj.removeEventListener ? obj.removeEventListener(event, fn, false) : obj.detachEvent(“on” + event, fn);
}

3.获取非行内样式
function getStyle(obj, attr) {
// obj.currentStyle[attr] IE可以使用 chrome 不能使用
// getComputedStyle(obj, 1)[attr] chrome 可以使用
return: obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, 1)[attr];
}

4.获取滚动的距离
window.onscroll = function () {
//垂直方向的
//document.documentElement.scrollTop chrome 浏览器不支持
//document.body.scrollTop; 其他浏览器不支持 所以要做兼容
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scrollTop);
//水平方向的
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
}

5.获取年份
var date = new Date();
console.log(date.getYear());//获取年 返回值 是当前的年份-1900的一个数 不直观
console.log(date.getFullYear());//获完整年份 返回当前年份的四位数 现在是2017年

6 全选：$(‘:checkbox’).prop(‘checked’,true);

7.取消全选：$(‘:checkbox’).prop(‘checked’,false);