JS梳理之dom、Bom

document相关接口

document.getElementById(id)// 通过元素的 ID 获取单个元素。
document.getElementsByClassName(className)// 返回一个包含所有匹配给定类名的元素的集合（HTMLCollection）。
document.getElementsByTagName(tagName)// 返回一个包含所有匹配给定标签名的元素的集合（HTMLCollection）。
document.querySelector(selector)// 返回文档中第一个匹配指定 CSS 选择器的元素。
document.querySelectorAll(selector)// 返回文档中所有匹配指定 CSS 选择器的元素的集合（NodeList）。
document.createElement(tagName)// 创建一个新的元素节点。
document.createTextNode(text)// 创建一个新的文本节点。

节点相关属性

element.innerHTML// 获取或设置元素的 HTML 内容。
element.textContent// 获取或设置元素的文本内容。
element.className// 获取或设置元素的类名。
element.id// 获取或设置元素的 ID。 

节点相关接口

element.appendChild(child)// 将一个子节点添加到指定节点的末尾。
element.removeChild(child)// 从指定节点中移除一个子节点。
element.replaceChild(newChild, oldChild)// 用新节点替换旧节点。
element.cloneNode(deep)// 克隆当前节点，deep 参数决定是否克隆子节点。

事件相关接口

element.addEventListener(type, listener)// 为指定元素添加事件监听器。
element.removeEventListener(type, listener)// 移除指定元素的事件监听器。

文档和窗口接口

window.alert(message)//显示一个警告框。
window.confirm(message)//显示一个确认框，返回用户的选择。
window.prompt(message)//显示一个提示框，要求用户输入信息。

BOM

1. window 对象

window.innerWidth , window.innerHeight// 获取浏览器窗口的宽度和高度（包括滚动条）。
window.outerWidth , window.outerHeight// 获取浏览器窗口的外部宽度和高度。
window.location// 表示当前文档的 URL，提供了用于获取和修改地址的方法。
window.location.href// 获取或设置当前 URL。
window.location.reload()// 重新加载当前文档。
window.alert(message)// 显示一个警告框，只有一个“确定”按钮。
window.confirm(message)// 显示一个确认框，包含“确定”和“取消”按钮，返回用户的选择。
window.prompt(message, default)// 显示一个提示框，允许用户输入信息。

2. navigator 对象

navigator.userAgent// 获取用户代理字符串，包含有关浏览器、操作系统和设备的信息。
navigator.language// 获取浏览器的语言设置。
navigator.onLine// 检查浏览器是否在线。

3. screen 对象

screen.width 和 screen.height// 获取屏幕的宽度和高度（以像素为单位）。
screen.availWidth 和 screen.availHeight// 获取可用的屏幕宽度和高度（不包括任务栏等占用的区域）。

4. history 对象

history.back()// 返回到上一页。
history.forward()// 前进到下一页。
history.go(delta)// 前进或后退指定数量的页面，delta 为负数表示后退，为正数表示前进。

5. location 对象

location.href// 获取或设置当前文档的完整 URL。
location.pathname// 获取当前 URL 的路径部分。
location.search// 获取当前 URL 的查询字符串部分。
location.hash// 获取当前 URL 的片段标识符部分（以 # 开头）。

6. localStorage 和 sessionStorage