DOM对象（一）

  一、DOM简述
    DOM—Document Object Model, 它是 W3C 国际组织的一套 Web 标准。它定义了访问 HTML 文档对象的一套习属性、方法和事件。
    DOM 是以层次结构组织的节点或信息片断的集合。文档对象模型（ Document Object Model ）是给 HTML 与 XML 文件使用的一组 API 。 DOM 的本质是建立网页与脚本语言或程序语言沟通的桥梁。

    浏览器对象是一个分层结构，也称为文档对象模型，如下图所示：

从上图可以看出：
（1）打开网页后，首先看到的是浏览器窗口，即顶层的window对象。
（2）其次，看到的是网页文档的内容，即document文档。
（3）定位对象：
     window.document.myform.text1
     或
     document.myform.text1
     因为window窗口对象是所有页面的根对象，所以常常省略。
(4)地址对象location和历史对象history，它他对应IE浏览器中的地址栏和前进/后退按钮。

二、窗口 window
常用属性：
1 window.clesed ：指明窗口是否关闭。
2 window.defaultValue ：窗口状态栏的默认信息。
3 window.docement ：表示浏览器窗口中的 HTML 文档。
4 window.location ：表示有关当前 URL 的信息。
5 window.history ：表示有关当前访问过的 RUL 的信息。
6 window.name ：设置或检索窗口或框架的名称。
7 window.screen ：包含有关客户的屏幕和显示性能的信息。
8 window.screenX ：窗口 X 坐标
9 window.screenY ：窗口 Y 坐标
10 window.status ：设置或检索窗口状态栏中的信息。
11 window.title ：设置或检索窗口顶部标题栏中的信息。
12 window.self ：当前窗口。
13 window.parent ：当前窗口的最上层窗口。
14 window.top ：当前显示的窗口的最上层窗口。
15 window.opener ：所打开“子窗口”的“父窗口”的名称 。

得到当前窗口的详细信息：

< head >

    <title>JavaScript</title>

</ head >

< body >

<script language="javascript" type="text/javascript">

    window.document.writeln(" 当前位置：" +window.location+"</br>");

    window.document.writeln(" 包含窗口个数：" +window.length+"</br>");

    window.document.writeln(" 当前状态栏的信息：" +window.status+"</br>");

    window.document.writeln(" 当前窗口的名称：" +window.name+"</br>");

    window.document.writeln(" 当前窗口的X、Y坐标是：" +window.screenX+","+window.screenY);

</script>

</ body >

常用方法：
1 window.alert(“ 提示信息 ”) ： 显示一个包含确定按钮的对话框。
2 window.blur() ： 使对象失去焦点并激发 onblur 事件。
3 window.close() ： 关闭窗口。
4 window.open(“ 打开窗口的 url”,” 窗口名 ”,” 窗口特征 ”) ： 按指定特征打开窗口。
窗口特征参数如下 :
height ：窗口高度
width ：窗口宽度
top ：窗口距屏幕上方的象素值
left ：窗口跟屏幕左侧的象素值
toolbar ：是否显示工具栏， yes 或 1 表示显示， no 或 0 表示不显示。
menubar ：是否显示菜单栏， yes 或 1 表示显示， no 或 0 表示不显示。
scrollbars ：是否显示滚动栏， yes 或 1 表示显示， no 或 0 表示不显示。
resizable ：是否允许改变窗口大小， yes 或 1 表示否允， no 或 0 表示不否允示。
location ：是否显示地址栏， yes 或 1 表示显示， no 或 0 表示不显示。
status ：是否显示状态栏， yes 或 1 表示显示， no 或 0 表示不显示。
5 window.confirm(“ 提示信息 ”) ： 显示一个确认对话框，包括确定和取消按钮。当点确定按钮时返回的是 true, 点取消按钮时返回的是 false 。
6 window.prompt(“ 提示信息 ”, 显示在 text 中的默认值 ) ： 显示带输入框提示对话框，主要用来收集信息。当点确定按钮时返回的是 true, 点取消按钮时返回的是 false 。
     7 窗口定位的方法：
（ 1 ） window.moveBy(x,y) ： 实现窗口的定向、定量移动。两个参数分别表示 x 方向移动的距离和 y 方向移动的距离。
（ 2 ） window.moveTo(x,y) ： 把窗口移动到指定坐标位置。两个参数 分别 表示横坐标、纵坐标。

8 窗口大小控制的两个方法：

（ 1 ） resizeBy(x,y) ： 按指定的尺寸调整窗口的大小。两个参数分别表示在水平方向上的改变量和垂直方向上的改变量。
（ 2 ） resizeTo(x,y) ： 把窗口调整到指定尺寸。两个参数分别表示浏览器窗口的宽和高。

9 操作定时器的两个方法：
（ 1 ） setTimeout(“ 函数 ’, 毫秒数 ) ： 设置定时器，经过指定毫秒值后执行某个函数。
（ 2 ） clearTimeout( 定时器对象 ) ： 取消某个定时器。