JS中BOM和DOM常用的事件

总结：
window对象
● window.innerHeight - 浏览器窗口的内部高度
● window.innerWidth - 浏览器窗口的内部宽度
● window.open() - 打开新窗口
● window.close() - 关闭当前窗口
navigator对象
navigator.appName // web浏览器全称
navigator.appVersion // web浏览器厂商和版本的详细字符串
navigator.userAgent // 客户端绝大部分信息
navigator.platform // 浏览器运行所在的操作系统
screen对象
screen.availWiddth // 可用的屏幕宽度
screen.avaliWidth // 可用的屏幕高度
history对象
window.history对象包含浏览器历史
history.forward() //前进一页
history.back() // 后退一页
location对象
window.location 对象用于获取当前页面的地址URL，并把浏览器重新定向到新的页面。
location.herf // 获取URl
location.herf="URL" // 跳转到指定页面
location.reload() // 重新加载页面
计时相关：
setTimeout() // var t = setTimeout("js语句"，毫秒)
clearTimeout() // clearTimeout(setTimeout_variable)
setInterval()
clearInterval()

DOM
查找标签：
直接查找
document.getElementById // 根据Id获取一个标签
document.getElementsByClassName // 根据class属性获取
document.getElementsByTagName // 根据标签名称获取标签合集
间接查找
parentElement // 父节点标签元素
children // 所有子标签
firstElementChild // 第一个子标签元素
lastElementChild // 最后一个子元素元素
nextElementSibling // 下一个兄弟标签元素
previousElementSibling // 上一个兄弟标签元素
节点操作：
创建节点：document.createElement(“标签名”)
添加节点：追加一个子节点（作为最后的子节点）somenode.appendChild(newnode)
把新增的节点放到某个节点的前边：somenode.insertBefore(newnode,某个节点)
删除节点：获取要删除的元素，通过父元素调用该方法删除
somenode.removeChild("要删除的节点")
替换节点：some.node.replateChild(newnode,某个节点)
属性节点:
innerText
innerHTML
setAttribute

getAttribute

removeAttribute
自带属性可以直接.属性名获取和设置
获取值操作：
elementNode.value 适用于 input select textarea
calss的操作：
classList.remove(cls) 删除指定类
classList.add(cls) 添加类
classList.contains(cls) 存在返回true，否则返回false
calssList.toggle(cls) 存在就删除，否则添加
指定css操作：
obj.style.
对于没有中划线的css属性一般直接使用style.属性名即可
对于有中划线的css属性一般将中划线后的第一个字母换成大写

事件：
HTML中的事件出发浏览器的action
onclick // 点击
ondblclick // 双击
onfocus // 获得焦点
onblur // 失去焦点
onchange // 域的内容被改变
onkeydown // 键盘按键被按下
onkeypress // 键盘按键被按下并且松开
onkeyup // 键盘按键被松开
onload // 完成加载
onmousedown // 鼠标按下
onmousemove // 鼠标被移动
onmouseout // 鼠标从某元素移开
onmouseover // 鼠标在某元素之上
onselect // 文本框中的元素被选中
onsubmit // 确认按钮被点击

参考链接：

https://www.cnblogs.com/jsersudo/p/11119329.html