day14

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

　　　　属性：

　　　　　　hash : 返回URL中的hash（#后面跟的零或多个字符），如果不包含散列，则返回空字符串
　　　　　　host : 80 返回服务器名称和端口号（如果有）
　　　　　　hostname : 返回服务器名称
　　　　　　href http : 返回完整的URL。location对象的toString()方法也返回这个值
　　　　　　pathname : 返回URL中的目录和(或)文件名
　　　　　　port : 返回端口号，如果不包含端口号则返回空字符串。
　　　　　　protocol : 返回页面使用的协议。通常是http:或者https:
　　　　　　search : 返回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 ：返回显示器屏幕的宽度。