摘要:
onclick添加事件不能绑定多个事件,后面绑定的会覆盖前面的。而addEventListener能添加多个事件绑定,按顺序执行。 addEventListener方式,不支持低版本的IE。(attachEvent 支持IE),所以需要封装下。 普通方式绑定事件后,不可以取消。addEventLis 阅读全文
摘要:
该属性 是html5新增的,兼容性不好。是真的很好用。操作方法极其类似数组。 <div id="ant" class="a b">蚂蚁部落</div> //js let odiv = document.getElementById("ant"); //追加类名aaa odiv.classList.a 阅读全文
摘要:
querySelector--只获取1个 //举例 document.querySelector(".wrap") document.querySelector("#wrap") document.querySelector("div") document.querySelector(".wrap 阅读全文
摘要:
addEventListener:只支持ie9以上版本;attachEvent:支持ie8以下版本。 attachEvent和addEventLitener的不同之处是第二个参数事件名要多加个“on” //兼容ie 低版本 function addEvent(domNode, eventType, 阅读全文
摘要:
for循环操作DOM //获取起始时间 const startTime = new Date().getTime() //获取body const bodyDom = document.getElementsByTagName("body")[0] for (let i = 0; i < 10000 阅读全文
摘要:
for //可以利用break、continue等关键字来终止或者跳出循环。 break //终止循环。(皇上选美女,说:停,不选了。。。后边的就都不看了) continue //跳过此次循环 (这次皇上比较贪婪,说:跳过这个,后边的继续。。。) //例子 for (let i = 0; i < 4 阅读全文
摘要:
ES5 有全局作用域+函数作用域 for (var i = 0; i < 8; i++) { var a = 100 } console.log(a) //100 ES6 增加 块级作用域 1、块级作用域,子级可以访问父级的变量 2、 for (var i = 0; i < 8; i++) { le 阅读全文
摘要:
一、基础数据类型(值类型) String 、Number 、Boolean undefined、Null、Symbol 二、复杂数据类型(引用类型) JSON 删除属性 const obj ={ a:1, b:2 } //删除属性 delete obj.a; 获取到所有属性 let keys = O 阅读全文
摘要:
一、具名函数 和 函数声明的方式 具名函数可随处定义,调用不会报错。 函数声明必须先定义,再调用,否则报错。 区别:具名函数存在函数提升,函数声明不存在函数提升 二、匿名函数自执行 //书写方式,2个小括号。括号1是匿名函数,括号2代表执行,里边是实参 (function(a){ console.l 阅读全文
摘要:
一、页面加载顺序 //页面执行顺序:自上而下。 1、css放在head 先家在样式,后加载DOM元素,解决页面首次加载空白问题 2、js放在body尾部 a.解决页面阻塞;b.避免无法获取对象; 二、常用DOM操作命令 //创建 dom 元素 document.createElement("div" 阅读全文