前端之常用代码

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);