2017年5月3日
数组的方法总结
摘要： 1.arr.push() 2.arr.pop() 3.arr.unshift() 4.arr.shift() 5.arr.splice(起始位置n,删除几项，在索引n的前边增加新的项) 6.arr.sort(function(a,b){ return a-b}) //从小到大 7.arr.conca 阅读全文
posted @ 2017-05-03 15:09 少华ShaoHua 阅读(115) 评论(0) 推荐(0) 编辑
js字符串方法总结
摘要： JS自带函数 E-mail地址：^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$ 邮政编码：^[1-9]\d{5}$ 中文：^[\u4e00-\u9fA5]+$ 电话号码：^((\d{2,3})|(\d{3}\-))?(0\d{2,3}|0\d{2,3}-)?[1-9]\d 阅读全文
posted @ 2017-05-03 12:50 少华ShaoHua 阅读(322) 评论(0) 推荐(0) 编辑
2017年4月13日
浅谈 return false 和preventDefault stopPropagation stopImmediatePropagation 的正确用法
摘要： 1.使用return false实际上做了3件事：（谨慎使用） event.preventDefault(); event.Propagation(); 停止回掉函数执行并立即返回 2.event.preventDefault() >阻止浏览器继续执行默认行为 3.event.stopPropaga 阅读全文
posted @ 2017-04-13 16:17 少华ShaoHua 阅读(148) 评论(0) 推荐(0) 编辑
实时统计输入的文字
摘要： <body> <input type="input"/><span></span> <script> var oT=document.querySelector('input'); var oS=document.querySelector('span'); if(window.navigator. 阅读全文
posted @ 2017-04-13 13:53 少华ShaoHua 阅读(162) 评论(0) 推荐(0) 编辑
滚轮滚动事件
摘要： 封装滚动函数 function addEvent(obj,sEv,fn){ if(obj.addEventListener){ obj.addEventListener(sEv,fn,false) }else{ obj.attactEvent('on'+sEv,fn) } } function ad 阅读全文
posted @ 2017-04-13 12:45 少华ShaoHua 阅读(115) 评论(0) 推荐(0) 编辑
2017年4月12日
window.onload和DOMReady
摘要： window.onload=function(){} $(document).ready(function(){}) 必须等待网页中所有的内容加载完毕后（包括图片）才能执行。 网页中的所有DOM结构绘制完毕后就执行，可能DOM元素关联的内容并没有加载完。 不能同时编写多个，只会运行最后一个 能同时编 阅读全文
posted @ 2017-04-12 16:32 少华ShaoHua 阅读(112) 评论(0) 推荐(0) 编辑
JS获取浏览器可视区域的尺寸
摘要： clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设置或获取获取鼠标指针 阅读全文
posted @ 2017-04-12 16:22 少华ShaoHua 阅读(649) 评论(0) 推荐(0) 编辑
2017年4月10日
Date对象小方法
摘要： 1.获取当前时间戳(ms) var timestamp=Date.parse(new Date()) var timestamp=new Date().getTime() var timestamp=(new Date()).valueOf() 2.获取某个时间格式的时间戳和倒计时 var stri 阅读全文
posted @ 2017-04-10 18:14 少华ShaoHua 阅读(135) 评论(0) 推荐(0) 编辑
2017年3月31日
iframe小方法
摘要： //获取iframe下的document var doc=document.getElementById('mainFrame').contentDocument || document.frames['mainFrame'].document $('iframe').contents().find 阅读全文
posted @ 2017-03-31 11:53 少华ShaoHua 阅读(109) 评论(0) 推荐(0) 编辑
2017年3月30日
animation属性值
摘要： 兼容性: IE10+、Firefox 以及 Opera，Safari 和 Chrome 支持替代的 -webkit-animation 属性 animation 属性值 animation-name: ani //动画名称 animation-duration : 2s //动画完成一个周期所完成的 阅读全文
posted @ 2017-03-30 15:18 少华ShaoHua 阅读(345) 评论(0) 推荐(0) 编辑