javascript对象BOM和DOM（zhong'dian）

BOM对象（浏览器对象）

BOM的一些常用方法：windows.****,可以省略windows

setTimeOut(执行的方法,等待时间)
setInterval(执行的方法,循环的周期)       //指定周期重复调用某函数

onload() //文档加载完后调用的方法，特别用于javascript中避免文档没加载完就执行造成程序bug
open("url","name","width=,h..",) //打开新的窗口
close()
//关闭页面窗口
-location                              //当前页面的全路径
.host 主机名和端口
.hostname 主机名
.port 端口
.protocol 协议
.pathname 路径名
.searth ?后面的字符串
.href //执行指定的跳转网址，相当与重新设置了location的值
.reload 刷新页面


-navigator 浏览器对象
.appCodeName //浏览器内核
.apname //浏览器名
.appVersion //环境配置信息
.cookieEnabled
.userAgent


-screen 获取浏览器窗口尺寸


-history
.back //加载上一条历史网页
.forward //加载下一条历史网页
.go(num) //指定跳到第num 跳

跳出窗口的三种方式：

atler() //弹出文本
confirm() //弹出选择框
prompt() //弹出输入框

DOM对象（文档对象）

DOM对象的类型：在CORE DOM的接口中规定了在结构化的文档中有12个DOM类型，但很多都是应用于XML的，应用在html文档中的有效对象类型如下：


文档类型：Document //访问文档子节点、文档基本元素节点、文档内子节点、元素特殊集和创建

• -document.body：获取body的dom对象。
• -document.head：获取head标签的dom对象。
• -document.title：获取title的文字标题。
• -document.URL：当前文档的URL
• -document.domain：域名
• 
  
• -document.getElementById(‘id’) //访问文档基本元素节点
• -getElementsByTagName //DOM集合对象（非Array）！！
• --item(index) //获取第Index个节点
• --nameitem（"name"） 获取DOM集合对象中，与name属性对应的值匹配
• document.querySelector(‘查询表达式’)
• 
  
• -document.createElement(‘tagname’)   //封装了用于创建元素类型
• .

.
.
,获取当前节点指定属性的值。
-obj.getAttribute(‘attName’);       //封装了节点类型DOM对象特有的属性以及方法
-obj.setAttribute(‘attName’,’attValue’) 设置当前节点指定属性的值。
-obj.style.cssAttribute：设置或获取当前元素的css属性值。

Element对象封装了增加修改删除当前元素的方式：
-parentObj.appendChild(obj):将指定元素挂接到父元素下。

-brotherObj.insertBefore(obj):将指定元素挂接到某个兄弟元素之前。


节点类型: Node //中上层对象结构,用于查找父子关系

• -nodetype
• -nodename
• -nodevalue
• -parennode
• -childnodes
• -clonenodes

文本类型：*************

DOM是所有元素的对象
注意：1、
在BOM封装对象中空格和回车也别封装成了对象，在查找子类第几个元素中要考虑在里面（注意避免找不到元素造成程序bug）


找元素的方法：

• getElementByid（"id"） 返回DOM对象
• getElementByTagName（"p"） 返回DOM对象集合
• var y=x.getElementsByName("male")     返回DOM对象（里面还包含其它对象，和DOM对象集合有些类似在数据类型不一样）
• childnotes[]; 查询第几个儿子
• parenNote; 查找本本标签父类
• .NextSibling; //当前父类的下一个元素
• ownerDoument //返回顶层对象
• cloneNode //克隆对象