javascript的BOM对象

javascript的BOM对象

windows对象中包括（history  locationdocment）

window对象

window对象是浏览器的顶层对象，定义的全局变量、函数等等都是属于window对象的成员。

window对象的常用方法：

open(url)  打开新的窗口，并加载url

close()     关闭窗口

alert()     消息框

prompt()     输入框

confirm()     确认框

setTimout() 计时器

cleatTimout(handler) 取消计时传的参数是一个计时器

location对象

代表浏览器上的地址栏

属性：location.href打开新的网址

方法有：

location.assign(url)等同鱼href属性

location.reload(); 重新加载

history对象

历史记录

history.back()：后退一步

history.forward()：前进一步

history.go(n)：如果n为负，后退n步，如果n为正，前进n步

docment对象里面的方法很多，而我们一般都是操作docment对象

1、定义元素
查找文档中的元素
有三种查找方法：
A、根据元素的id查找
     document.getElementById("id");
     只返回一个对象，如果存在多个id相同的HTML元素，则只返回第一个
B、根据元素的name查找
     document.getElementsByName("name")
     返回对象数组
     注：并不是每个HTML元素都有name属性，表单域和a有name属性

C、根据元素的名称(Tag Name)查找e.getElementsByTagName("tagName");
     查找e元素中的特定的子元素（我要找到表格中的行）

如：var table = document.getElementById("t");
          //找到table中的行
          var trs = table.getElementsByTagName("tr");

2、创建新元素、追加子元素

A、创建新元素（不会马上显示在html页面是先加载到内存中通过追加子元素才可以在html网页上显示）：

document.createElement("元素名");

比如：

var div = document.createElement("div");

B、追加子元素

parent.appendChild(child);

比如：

document.body.appendChild(div);

3、删除元素、查找父元素

A、删除元素

     parent.removeChild(child

B、查找父元素

     e.parentNode

4、访问属性、样式（美化元素）

A、属性有两种：

内置属性：直接通过对象进行访问

自定义属性：用于存储数据

     给属性赋值：setAttribute("属性名", "属性值");

     取出属性值：getAttribute("属性名");

B、样式

e.style.样式属性

e.style["样式属性"]

学习javascript的同学推荐一个网址（http://www.flyne.org/article/407）里面很全面JavaScript（核心、BOM、DOM）