随笔分类 - 小技术
摘要：共同点：都是函数。都可以创建对象，都可以传入参数 工厂函数： 函数名是小写 有new 有返回值 new之后的对象是当前对象 直接调用函数就可以创建对象 自定义构造函数： 函数名是大写（首字母） 没有new 没有返回值 this是当前的对象 通过new的方式来创建对象
阅读全文
摘要：offset系列：获取元素的相关的样式属性的值 offsetwidth：获取元素的宽 offsetheight：获取元素的高 offsetleft:获取元素距离左边位置的值 offsettop;获取元素距离上面位置的值 1。没有脱离文档流 t父级元素margin+父级元素padding+父级元素的b
阅读全文
摘要：window.onload=function(){ document.getElementById("btn").onclick=function(){ location.href="http://www.baidu.com" //属性 location.assign("http://www.bai
阅读全文
摘要：window.onload=function(){}; 只要页面加载完毕，这个事件才会触发 扩展事件--页面关闭后才触发的事件 window.onunload=function(){}; 扩展事件--页面关闭之前才触发的事件 window.onbeforeunload=function(){};
阅读全文
摘要：事件冒泡：多个元素嵌套，有层次关系，这些元素都注册了相同的事件，如果里面的元素的事件触发了，外面的元素的该事件自动的触发 阻止事件冒泡： 事件的三个阶段： 1，事件捕获阶段：从外向内 2，事件目标阶段 3，事件冒泡阶段：从里向外 为元素 绑定事件 addEventListener("没有on的事件类
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box { width: 450px; margin: 200px auto; } #txt { width: 350
阅读全文
摘要：注意：用什么方式绑定事件，就用什么方式解绑事件 1.解绑事件 对象.on事件名字=时间处理函数 》绑定事件 对象。on事件名字=null; 2.解绑事件 对象.addEventListener("没有on的事件类型"，命名函数，false)；--绑定事件 对象.removeEventListener
阅读全文
摘要：addeventlistener(); attachEvent() 相同点：都可以为元素绑定事件 不同点： 1.方法名不一样 2.参数个数不一样 3.addeventlistener(); 谷歌，火狐，IE11支持，IE8不支持 attachEvent()，谷歌，火狐，IE11bu支持，IE8支持
阅读全文
摘要：如果在页面加载完毕后，此时通过这种方式创建元素，那么页面上存在的所有内容全部被干掉。
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style></head><body><ul id="uu"> <li>1</li> <li>1</li> <li>
阅读全文
摘要：//设置任意元素的中间的文本内容function setInnerText(element,text){ if(typeof element.textContent=="undefined"){ element.innerText=text; }else{ element.textContent=t
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="button" value="显示大图" id="btn" /><img src="i
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="button" value="没怀孕"><input type="button" va
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="button" value="按钮" id="btn"><script> // 先有按
阅读全文
摘要：毫秒数转date var date=new date(毫秒数);
阅读全文
摘要：var arr=[1,40,20,10,100]; arr.sort(function(a,b){ if(a>b){ return 1; }else if(a==b){ return 0; }else{ return -1; } }); console.log(arr);
阅读全文
摘要：String >是一个对象 字符串可以看做是字符构成的数组，但是js中没有字符类型。 字符是一个一个的，在别的语言中字符用一堆单括号括起来。 在js中字符串可以使用单引号也可以使用双引号。 因为字符串可以看成是数组，所以，可以通过for循环进行遍历。 字符串特性：不可变性，字符串的值不能改变。 .l
阅读全文
摘要：function getDate(dt){ //获取年 var year = dt.getFullYear(); //获取月 var month =dt.getMonth() +1; //获取日 var day = dt.getDate(); //获取小时 var hour = dt.getHour
阅读全文
摘要：function getColor{ var str="#"; var arr=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"]; for(var i=0;i<6;i++)
阅读全文
浙公网安备 33010602011771号