1-列举所有获取 DOM 元素的方法
1）、通过元素的id来获取一个元素
document.getElementById('元素的ID')
2）、通过元素的标签名，来获取一组元素
document.getElementsByTagName('元素的标签名')
3）、通过元素的name属性的值获取一组元素
context.getElementsByName()
4）、通过元素的类名（class的值）
context.getElementsByClassName()
5）、直接获取HTML元素
document.documentElement //获取HTML元素
//获取body元素document.body
//兼容所有浏览器的获取当前屏幕的宽度var curWidth = document.documentElement.clientWidth || document.body.clientWidth
//兼容所有浏览器的获取当前屏幕的高度var curHeight = document.documentElement.clientHeight || document.body.clientHeight
6）在移动端获取元素常用的方法（IE6~8下不兼容）
//获取一个document.querySelector()
//获取多个document.querySelectorAll()
2-列举添加 DOM 元素的方法
1. appendChild()
2. insertBefore()
3-列举移除 DOM 元素的方法
remove() 方法用于从下拉列表删除选项。
selectObject.remove(index)
4-分别列举 BOM 常用对象 location navigator history screen 中的属性和方法
1.Location 对象：可对当前页面的URL进行操作，如：导航到新的页面、获取URL信息等。
调用方式：window.location 或者 location。
location.href=URL
2.Navigator 对象：包含浏览器信息。如：获取浏览器名称、版本信息、操作系统平台信息等等。
调用方式：window.navigator 或者 navigator。
| 属性 | 描述 |
|---|---|
| appMinorVersion | 返回浏览器的次级版本。 |
| appName | 返回浏览器的名称。 |
| appVersion | 返回浏览器的平台和版本信息。 |
| browserLanguage | 返回当前浏览器的语言。 |
| cookieEnabled | 返回指明浏览器中是否启用 cookie 的布尔值。 |
| cpuClass | 返回浏览器系统的 CPU 等级。 |
| onLine | 返回指明系统是否处于脱机模式的布尔值。 |
| platform | 返回运行浏览器的操作系统平台。 |
3.History 对象：可对当前页的浏览历史进行操作，如：前进、后退等。但不能知道浏览了哪些URL。
调用方式：window.history 或者 history。
| 方法 | 描述 |
|---|---|
| back() | 加载 history 列表中的前一个 URL。 history.back() |
| forward() | 加载 history 列表中的下一个 URL。history.forward() |
| go() | 加载 history 列表中的某个具体页面。history.go(number|URL) |
4.Screen 对象：包含屏幕信息。如：获取屏幕高度、宽度等等。
调用方式：window.screen 或者 screen。
| 属性 | 描述 |
|---|---|
| availHeight | 返回显示屏幕的高度 (除 Windows 任务栏之外)。 |
| availWidth | 返回显示屏幕的宽度 (除 Windows 任务栏之外)。 |
| fontSmoothingEnabled | 返回用户是否在显示控制面板中启用了字体平滑。 |
| height | 返回显示屏幕的高度。 |
| width | 返回显示器屏幕的宽度。 |