6. BOM和Dom对象

1. JavaScript组成

JavaScript包括以下3个部分:

**ECMAScript(核心)：**ECMAScript是一个标准，JavaScript（JScript）只是它的一个实现。ECMAScript描述了以下内容：语法、类型、语句、关键字、保留字、运算符、对象。

浏览器对象模型（(不rua ze)Browser Object Model）BOM：用来获取或设置浏览器的属性、行为，例如：新建浏览器窗口、获取屏幕分辨率、获取浏览器版本号等。

文档对象模型(Document Object Model)DOM：比如添加某些html元素、修改html元素的内容、修改html元素的样式、删除某些html元素等）。

2. BOM(浏览器对象模型)

Window 表示浏览器窗口

网页中所有函数以及全局变量都是 window 对象的成员。

Window对象是JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，**在调用window对象的方法和属性时，可以省略window对象的引用。**例如：window.alert()可以简写成：alert()。

2.1 window对象常用方法:

(额乐特)alert(任意值) 弹出警告框

(肯伐木)confirm (任意值) 弹出确认框，如果点击了确认按钮该方法返回true,否则返回false

(铺绕木特)prompt(任意值,默认值) 弹出提示框,如果点击确定返回用户输入的内容，否则返回null

(欧喷)open(url) 打开新窗口

(可漏滋)close() 关闭窗口

(间隔，int喔)setInterval(“js代码”,毫秒数) 定期调用(多次)方法或执行代码段，单位为毫秒数

setTimeout(“js代码”,毫秒数) 延迟调用(一次)方法或执行代码段，单位为毫秒数

(克里尔int vo)clearInterval(定时器),取消由setInterval设置的定时器

clearTimeout(定时器),取消由setTimeout设置的定时器

location对象包含有关当前 URL 的信息。window对象子对象

href获取或设置浏览器地址栏的内容，常用于跳转页面

reload() 刷新页面，相当于浏览器的刷新按钮

**(嘿斯特瑞)phistory（了解） 对象包含浏览器的历史记录。window对象子对象

(背部，后退，回原处)back() 加载历史列表中的前一个url,相当于浏览器的后退按钮

(向前地)forward() 加载历史列表中的下一个url,相当于浏览器的前进按钮

go(个数) 加载历史列表中的某一个具体页面

navigator(了解)对象包含浏览器的信息。window对象子对象

Screen(了解) 对象包含客户端显示屏幕的信息。window对象子对象

3. DOM(文档对象模型)

document 对象,window对象的子对象

每个载入浏览器的 HTML 文档都会成为 document 对象。

3.1 属性：

forms 获取html网页中所有的form表单数组

body 获取网页中的body元素

title 返回或设置当前html文档的标题

3.2 方法：

getElementById(id) 通过id获取html元素

getElementsByName(name) 通过name获取html元素数组

getElementsByTagName(标签名) 通过标签名获取html元素数组

(创建，科瑞at)createElement（“标签名”）;创建一个新的标签元素

createTextNode（“文本内容”）; 给节点创建文本内容

write(内容) 向网页写入内容****Element 对象

注意：

InnerHTML 和 innerText 针对于标签元素的内容设置

(内部)InnerHTML是获得标签元素中的所有内容（包括标签在内）

InnerText 是获得标签元素中的文本内容

4. Element对象

在 HTML DOM （文档对象模型）中，网页里面每个部分都称之为节点(闹得)（Node）：

每一个html元素都是一个element对象(通过js获取到html元素都是element对象)

Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。

1.文档本身是文档节点

2.所有 HTML 元素是元素节点

3.HTML 元素内的文本是文本节点

4.HTML 元素内的注释是注释节点

4.1 属性：

(柴哦得no ci)childNodes子节点数组。

(佛斯特)first(第一个)Child第一个子节点

(拉斯特)lastChild 最后一个子节点

(父亲，拍润特)parentNode 父节点

4.2 方法：

(额喷特，附加)appendChild(新节点) 向元素添加新的子节点，作为最后一个子节点。

(移出)removeChild(指定节点) 从元素中移除子节点。

(额锤比优特)setAttribute(属性名,属性值) 把指定属性设置或更改为指定值。

getAttribute(属性名) 返回元素节点的指定属性值。

eChild(指定节点) 从元素中移除子节点。**

(额锤比优特)setAttribute(属性名,属性值) 把指定属性设置或更改为指定值。

getAttribute(属性名) 返回元素节点的指定属性值。

(移除属性)removeAttribute(属性名) 移除html元素中之指定属性名对应的属性