摘要：
操作html console.log(document.documentElement); //输出这个属性 操作body console.log( document.body ); 操作head console.log( document.head ); 操作title console.log( 阅读全文
posted @ 2021-01-11 21:30
技术活当赏
阅读(75)
评论(0)
推荐(0)
摘要：
DOM提供了几个属性用来获取元素大小 - 数字 clientWidth clientHeight - 不包含边框的大小 var box = document.querySelector(".box"); var w = box.clientWidth; var h = box.clientHeigh 阅读全文
posted @ 2021-01-11 21:20
技术活当赏
阅读(132)
评论(0)
推荐(0)
摘要：
页面刷新后，点击div，能执行函数，说明这个事件被存到了内存中 因为事件点击一次过后，还能点击，内存中存的事件一直没有删除，一直停留在内存中 对于内存来说，就是一种资源浪费 解绑：将事件取消掉，对资源的一种节省 var box = document.getElementsByTagName('div 阅读全文
posted @ 2021-01-11 21:17
技术活当赏
阅读(126)
评论(0)
推荐(0)
摘要：
利用函数addEventListener（‘事件’，function （）{}）可以是同个元素执行多个程序 big.addEventListener('click',function(){ console.log("大"); },true) //在函数后面加true可以使这个div在捕捉阶段就被捕捉 阅读全文
posted @ 2021-01-11 21:12
技术活当赏
阅读(383)
评论(0)
推荐(0)
摘要：
事件流：指的是事件从开始触发到执行结束的整个过程 3个阶段： 1.捕获阶段：找目标元素 - 由外向内找 2.目标阶段：找到目标元素，执行他的事件 3.冒泡阶段：从目标元素向外离开的过程 - 执行其他元素事件 针对的是W3C标准浏览器 低版本ie中，只有目标阶段和冒泡阶段，没有捕获阶段 阅读全文
posted @ 2021-01-11 21:00
技术活当赏
阅读(128)
评论(0)
推荐(0)
摘要：
鼠标 移入 box.onmouseenter = function(){ console.log("移入了"); } box.onmouseover = function(){ console.log("移入了"); } 注意：两者区别在于后者里面嵌套了一个div有个小盒子的话，会进行事件流，冒泡阶 阅读全文
posted @ 2021-01-11 20:52
技术活当赏
阅读(92)
评论(0)
推荐(0)
浙公网安备 33010602011771号