节点+窗口+对象

节点

创建元素节点createElement（）

添加节点

node.appendChild(child) node父级，child子级
==node.insertBefore(child,指定元素)；

删除节点

node.removeChild(child)删除父节点里面的子节点
阻止链接跳转 javascript：void(0);或者javascript:;
node.cloneNode()
括号为空或者里面是false
只复制标签不复制里面的内容
括号内为true，深拷贝，复制标签复制里面内容

删除事件

1.删除事件的方式
eventTarget.onclick = null
2.方法监听注册方式

• eventTarget.removeEventListener(type.listener[.useCapture]);
• eventTarget.datachEventleventNameWithon.callback;
  return false阻止默认行为

阻止冒泡

stopPropagation（）；普通浏览器
cancelBubble=true；低版本浏览器
contextmenu禁用右键菜单
selectstart 禁止选中文字

鼠标坐标

client 鼠标可视区x，y坐标

PAGA鼠标在页面文档中的x,y坐标

screen鼠标在电脑屏幕的x，y坐标

mousemove只要我们鼠标移动1px就会触发这个事件

常用键盘事件

• onkeyup 某个键被松开时触发
• onkeydown 按键被按下去时触发
• onkeypress被按下时触发
  同时出现的话执行顺序是 onkeydown onkeypress onkeyup

窗口

窗口加载事件

window.οnlοad=function（）{};
或者
window.addEventListener(“load”,function(){});

调整窗口大小事件

window.οnresize=function(){}
window.addEventListener(“resize”,function(){});
当触发时就调用处理函数
window.innerWidth 当前屏幕宽度
window.setTimeout(调用函数，延迟时间)
setTimeout 延时时间一到就去调用这个函数，只调用一次
setInterval每隔这个时间就调用，调用多次
clearInterval 清除

location对象

location.href 获取或者设置整个URL
location.hash返回片段
location.search 返回参数
location.assign() 记录浏览历史，可以实现后退功能
location.replace() 不记录浏览历史，不能实现后退功能

history对象

history.back()可以有后退功能
history.forward()前进功能
history.go(参数)具有前进后退功能 参数为1 前进一个页面； 参数为-1，后退一个页面

offset系列

offset可以动态的得到元素位置偏移，大小
element.offsetParent 返回该元素带有定位的父级元素如果父级没有元素则返回body
element.offsetTop 相对带定位的父级元素上方偏移
element.offsetLeft 相对带定位的父级元素做方偏移