Date、Bom、Dom、事件

回到顶部案例

document.querySelector('button').onclick&nbsp;=&nbsp;function&nbsp;(e)&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log('事件被点击了')<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;<font color="#e74f4c">1、IE使用的方式</font><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;console.log(window.event)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;<font color="#e74f4c">2、w3c&nbsp;&nbsp;只需要写第一个形参就可以表示事件对象</font><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;console.log(e)<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;<font color="#e74f4c">3、兼容性写法&nbsp;&nbsp;创建的event变量与全局的window.event变量不冲突</font><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;event&nbsp;=&nbsp;e&nbsp;||&nbsp;window.event;<br>&nbsp;&nbsp;&nbsp;&nbsp;}

event.key

event.keyCode

clientX/clientY

offsetX/offsetY

pageX/pageY

拖拽效果案例

document.createElement('a')

document.createAttribute('href')

nodeValue

document.createTextNode('百度一下')

innerHTML

appendChild(textNode)

setAttribute（‘属性节点名’）

被复制元素的dom对象.cloneNode(布尔值)&nbsp;布尔值决定是否需要将子元素一起复制

removeChild

innerHTML