DOM编程之window对象

一、DOM的概念

1.JavaScript将浏览器本身、网页文档、以及网页文档中的HTML元素等都用相应的内置对象
来表示，这些对象及对象之间的层次关系统称为DOM文档对象模型(Document Object Model)
2.DOM 是 W3C（万维网联盟）的标准
3.DOM 定义了访问HTML和XML文档的标准
4.定义了访问HTML文档对象的一套属性、方法和事件
5.用户通过鼠标或按键在浏览器窗口或网页元素上执行的操作,对于DOM对象来说,就称之为事件

二、DOM对象模型

1.window对象
2.location对象
3.document对象
4.body对象
5.form对象
6.form表单字段元素对象

三、DHTML

CSS(级联样式表)、脚本编程语言和DOM的结合使用，能够使HTML文档与用户具有交互性和
动态变换性，这三种技术的单一称谓叫DHTML(Dynamic HTML,动态HTML)。

三、window对象

1.window对象代表浏览器的整个窗口
  window是浏览器对象中最顶层的根节点

2.window对象常用的属性

• status:指定浏览器状态栏中显示的临时消息
• screen:有关客户端的屏幕和显示性能的信息
• history:有关客户访问过的URL的信息
• location:有关当前URL的信息
• document:表示浏览器窗口中的HTML文档

3.window常用的方法 

• alert("提示信息"):显示一个带有提示消息和确定按钮的对话框
• confirm("提示信息"): 显示一个带有提示信息、确定和取消按钮的对话框
• open("url","name"):打开具有指定名称的新窗口,并加载给定URL所指定的文档， 如果没有提供URL,则打开一个空白文档
• close():关闭当前窗口
• showModalDialog():在一个模式窗口中显示指定的HTML文档
• setTimeout("函数",毫秒数):设置定时器:经过指定毫秒值后执行某个函数
• onLoad事件:在窗口或框架完成文档加载时触发

四、Date对象做时钟显示

1.Date对象起始时间

Date对象存储的日期为自1970年1月1日00:00:00以来的毫秒数

2.一般语法
  var 日期对象 = new Date(年、月、日等参数)

3.若没有参数,则表示当前日期和时间

4.Date方法的分组

• setXxx:用于设置是时间和日期值
• getXxx:用于获取时间和日期值

5.用作Date方法的参数的整数范围

• seconds和minnutes:0~59(分或秒)
• Hours:0~23(小时)
• Day:0~6(星期几)
• Date:1~31(月份中的天数)
• Months:0~11(一月至十二月)

6.setTimeout的用法
setTimeout("调用的函数","定时的时间")

五、history

1.history对象的方法

• back():加载History列表中的上一个URL  (方法相当于后退按钮)
• frward():加载History列表中的下一个URL (方法相当于前进按钮)
• go("url" or number):加载History列表中的一个URL,或要求浏览器移动指定的页面数
• go(1)代表前进1页,等价于forward()方法
• go(-1)代表后退1页,等价于banck()方法

六、location对象

1.Location对象属性

• host:设置或检索位置或URL的主机名和端口号
• hostname:设置或检索位置或URL的主机名部分
• href:设置或检索完整的URL字符串

2.Location对象方法

• assign("url"):加载URL指定的新的HTML文档
• reload():重新加载当前页
• replace("url"):通过加载URL指定的文档来替换当前的文档