随笔分类 -  js

1
日期Date 对象常用的方法
摘要：var mydate = new Date();//通过new方法创建对象 //alert(Date()); // 返回一个完整的日期时间 // alert(mydate.getDay());//返回当前是周几 // alert(mydate.getMonth()+1);//返回当前月份 //alert(mydate.getFullYear());//返回... 阅读全文
posted @ 2017-11-19 14:18 对三 阅读(845) 评论(0) 推荐(0)
scrollend,滚动结束执行一次
摘要：var timer;window.onscroll = function () { clearTimeout(timer); timer = setTimeout(function () { alert(1) }, 100)} 阅读全文
posted @ 2017-11-17 15:47 对三 阅读(2451) 评论(0) 推荐(0)
兼容获取scrollTop和scrollLeft(被滚动条卷走的部分)
摘要：function scroll() { //ie9+ 标准浏览器 if (window.pageYOffset != null) { return { left: window.pageXOffset, top: window.pageYOffset } } //声明DTD的 ... 阅读全文
posted @ 2017-11-14 14:17 对三 阅读(434) 评论(0) 推荐(0)
兼容ie的半透明背景颜色过滤器,会影响事件的触发.
摘要：兼容ie的半透明背景颜色过滤器,会影响事件的触发. 阅读全文
posted @ 2017-11-14 09:01 对三 阅读(114) 评论(0) 推荐(0)
new Option() 创建一个option标签
摘要：//add() 方法用于向 添加一个 元素。 //new Option() 创建一个option标签 school.add(new Option('北京大学1')); school.add(new Option('北京大学2')); school.add(new Option('北京大学3')... 阅读全文
posted @ 2017-11-12 21:26 对三 阅读(2088) 评论(0) 推荐(0)
add() 方法用于向 <select> 添加一个 <option> 元素。
摘要：//add() 方法用于向 添加一个 元素。 //new Option() 创建一个option标签 school.add(new Option('北京大学1')); school.add(new Option('北京大学2')); school.add(new Option('北京大学3')... 阅读全文
posted @ 2017-11-12 21:25 对三 阅读(1014) 评论(0) 推荐(0)
selectedIndex返回被选中的option的index.
摘要：/ 城市 学校 /下拉列表联动事件 city.onchange = function () { //selectedIndex返回被选中的option的index. //.text 返回option中的文本值 var text = this.children[th... 阅读全文
posted @ 2017-11-12 21:22 对三 阅读(1447) 评论(0) 推荐(0)
onchange事件可以使用于： <input>, <select>, 和 <textarea>。
摘要：onchange 事件会在域的内容改变时发生。 onchange 事件也可用于单选框与复选框改变后触发的事件。 阅读全文
posted @ 2017-11-12 21:18 对三 阅读(1458) 评论(0) 推荐(0)
js判断字符串长度
摘要：方法1： 方法2： 方法3： 方法4： 方法5： 阅读全文
posted @ 2017-11-12 12:46 对三 阅读(166557) 评论(0) 推荐(0)
在容器最前面添加DOM元素 parent.insertBefore(new, parent.children[0])
摘要：//判断容器当前有没有子级元素,如果没有直接appendChild就行了; if (p.children[0]) { p.insertBefore(span, p.children[0]); } else { p.appendChild(span); } 阅读全文
posted @ 2017-11-11 16:22 对三 阅读(835) 评论(0) 推荐(0)
在容器末尾添加DOM元素 parent.appendChild(newChild)
摘要：p.appendChild(span); 阅读全文
posted @ 2017-11-11 16:20 对三 阅读(416) 评论(0) 推荐(0)
删除DOM元素 parent.removeChild(target)
摘要：p.removeChild(p.children[0]); 阅读全文
posted @ 2017-11-11 16:17 对三 阅读(361) 评论(0) 推荐(0)
替换DOM元素 parent.replaceChild(new, old)
摘要：p.replaceChild(nodeNext, p.children[j]); p.replaceChild(nodePrev, p.children[j + 1]); 阅读全文
posted @ 2017-11-11 16:14 对三 阅读(301) 评论(0) 推荐(0)
克隆DOM元素 ele.cloneNode();
摘要：var nodePrev = p.children[j].cloneNode(true); var nodeNext = p.children[j + 1].cloneNode(true); 阅读全文
posted @ 2017-11-11 16:12 对三 阅读(223) 评论(0) 推荐(0)
兼容获取元素当前样式 currentStyle || getComputedStyle
摘要：function getStyle(ele, attr) { return ele.currentStyle ? ele.currentStyle[attr] : window.getComputedStyle(ele, null)[attr]; } 阅读全文
posted @ 2017-11-11 16:10 对三 阅读(156) 评论(0) 推荐(0)
事件对象event之e.targtet || e.srcElement
摘要：p.onclick = function (event) { var e = event || window.event, target = e.target ? e.target : e.srcElement; if (target.tagName === 'SPAN') { p.removeChild(target... 阅读全文
posted @ 2017-11-11 09:56 对三 阅读(209) 评论(0) 推荐(0)
javascript之冒泡排序
摘要：Array.prototype.bubble = function () { var temp; //第1轮比较求第一,第二轮求第二,以此类推(i<=数组成员的个数); for (var i = 0; i < this.length; i++) { /* 内部循环控制比较的次数, 第一轮比较已经得到了最大或者最... 阅读全文
posted @ 2017-11-10 14:49 对三 阅读(107) 评论(0) 推荐(0)
登录自动跳转
摘要：使用session存储，确定用户是否登录，从而确定页面跳转至哪个页面。 判断本地有无customerID： function jumpTo(p, url) { var customerId=sessionStorage.customerId; if (customerId == undefined) 阅读全文
posted @ 2017-10-15 17:10 对三 阅读(1459) 评论(0) 推荐(0)
offset,scroll,client系列
摘要：offsetHeight: 元素高，height+border+paddingoffsetWidth: 元素宽，width+border+paddingoffsetTop: 距离offsetParent顶部的距离offsetLeft: 距离offsetParent左边的距离offsetParent: 阅读全文
posted @ 2017-10-12 21:39 对三 阅读(114) 评论(0) 推荐(0)
js在页面输出信息的几种方式alert,confirm,prompt,document.write
摘要： 阅读全文
posted @ 2017-09-28 20:24 对三 阅读(724) 评论(1) 推荐(1)

1