摘要：
<style> body { height: 4000px; } img { position: absolute; height: 70px; width: 70px; transform: translate(-50%, -50%); } </style> <img src="../images 阅读全文
摘要：
  阅读全文
摘要：
#兼容性问题 e.stopPorpagation() （方法） 或者e.cancelbubble=ture（属性、 ie兼容性用） 阅读全文
摘要：
#兼容性问题 ie6、7、8识别不出fn（e），只能用windows.event，所以解决兼容性问题可以这样 #1、什么是事件对象 #2、事件对象的使用语法 #3、兼容性问题 #4、事件对象的常见属性和方法 ul.addEventListener('click', fn1); function fn 阅读全文
摘要：
<div class="father"> <div class="son">son盒子</div> </div> </div> <script> // DOM事件流 三个阶段 // 1、js代码中只能执行捕获或者冒泡其中的一个阶段 // 2、onclick和attachEvent（ie）只能得到冒泡 阅读全文
摘要：
var divs = document.querySelectorAll('div'); // 1、传统方式解除事件 this.onclick = null; divs[0].onclick = function () { alert('hello'); this.onclick = null; } 阅读全文
摘要：
#例 #监听事件方法 #addEventListener（）方法兼容性改变方法 var btns = document.querySelectorAll('button'); // 1、传统方式注册事件 btns[0].onclick = function () { alert('你好'); } / 阅读全文
摘要：
 阅读全文
摘要：
#创建元素 #增加元素 #删除元素 #改元素 #查元素 #属性操作 #事件操作 阅读全文
摘要：
// document.write（） // var btn = document.querySelector('button'); // btn.onclick = function () { // // 1、document.write（） // // document.write 如果页面文档 阅读全文