HTML DOM Window对象_html/css_WEB-ITnose

　　本篇主要介绍HTML DOM Window对象的属性和方法。

目录

1.介绍：描述HTML DOM Window对象。

2.属性：介绍window对象的属性。如：对Console、Document、History、Location和Navigator对象的引用。

3.方法：介绍window对象的方法。如：获取焦点、改变滚动条、设置定时器等等。

 

1. 介绍

Window对象表示浏览器打开的窗口、标签或者框架(若当前页面里包含多个iframe，会为每个iframe创建Window对象)。

Window对象不会被实例化，调用属性和方法都作为window的静态成员。

在调用Window对象的成员时，可以省略前面的window。如：window.alert() 可写成 alert() 。

 

2. 属性

readonly ApplicationCache applicationCache ：返回窗口的应用缓存对象。

readonly boolean closed ：返回窗口是否已经关闭。

readonly Console console ：返回对Consol对象的引用，对浏览器控制台进行操作。

readonly int devicePixelRatio ：返回设备像素比，即当前显示器的物理像素和设备独立像素(dip)的比例。

readonly Document document ：返回当前窗口的Document对象。

readonly Element frameElement ：若当前window处于一个

readonly Window[] frames ：返回一个包含窗口内所有的框架的数组。

readonly History history ：返回一个History对象。可对当前页的历史进行操作，如：前进、后退等。

readonly long innerHeight ：返回当前窗口可显示HTML文档的高度，单位px(像素)。

readonly long innerWidth ：返回当前窗口可显示HTML文档的宽度，单位px(像素)。

readonly long length ：返回窗口内包含框架的数量，即frames数量。

readonly Location location ：返回一个Location对象。可对当前页面的URL进行操作，如：导航到新的页面、获取URL信息等。

readonly LocalStorage localStorage ：返回一个键/值对存储的Storage对象，持续到被用户删除。

string name ：设置或获取当前窗口的name。

readonly Navigator navigator ：返回一个Navigator 对象。可对当前浏览器进行操作。如：获取浏览器名称、版本信息、操作系统平台信息等等。

Window openner ：返回对打开当前窗口的原窗口一个引用。若当前窗口是由另一个窗口打开的, window.opener保留对那个窗口的引用. 如果当前窗口不是由其他窗口打开的,，则该属性返回 null。

readonly long outerHeight ：返回当前浏览器的总高度，单位px(像素)。包含工具栏、滚动条、浏览器边框等范围。

readonly long outerWidth ：返回当前浏览器的总宽度，单位px(像素)。包含工具栏、滚动条、浏览器边框等范围。

readonly long pageXOffset ：返回文档横向滚动的距离，单位px(像素)。

readonly long pageYOffset ：返回文档纵向滚动的距离，单位px(像素)。

readonly Window parent ：返回当前窗口的父级窗口。若当前窗口是顶级窗口，返回当前窗口本身。若当前窗口为一个框架窗口，返回它的父窗口。

readonly Screen screen ：返回一个Screen对象。可对屏幕进行操作，如：获取屏幕高度、宽度。

readonly long screenX ：返回浏览器在屏幕的X坐标。

readonly long screenY ：返回浏览器在屏幕的Y坐标。

readonly long scrollX ：返回文档横向滚动的距离，单位px(像素)。与pageXOffset属性一样。

readonly long scrollY ：返回文档纵向滚动的距离，单位px(像素)。与pageYOffset属性一样。

readonly Window self ：返回一个对当前Window对象的引用。

readonly SessionStorage sessionStorage ：返回一个键/值对存储的Storage对象，持续到当前浏览会话结束。

readonly Window top ：返回当前窗口的顶级窗口。若当前窗口本身已经是顶级，则返回自身。若当前窗口为一个框架窗口，返回包含它的顶级窗口(parent只是返回父窗口)。

readonly Window window ：返回当前窗口Window对象。

 

3. 方法

void addEventListener(string eventType,function eventListener) ：给窗口注册时间。eventType事件类型，如：click。eventListener：事件触发的函数或对象。

void alert(string msg) ：弹出一个包含msg和一个确认按钮的警告框。

string atob(string base64Str) ：将一个基于64编码的字符串解码为一个字符串。

void blur() ：当前窗口移除焦点。

string btoa(string str) ：将一个字符串编码为一个64编码。

void clearInterval(long intervalHandle) ：停止intervalHandle指定的setInterval()。

void clearTimeout(long timeoutHandle) ：停止timeoutHandle指定的setTimeout()。

void close() ：关闭当前窗口。只能关闭由脚本打开的窗口，如：a元素打开新页面。

boolean confirm(string msg) ：显示带有一段消息以及确认按钮和取消按钮的对话框。点击确认按钮返回true，点击取消按钮返回false。

void focus() ：当前窗口获得焦点。

void moveBy(long deltaX, long deltaY) ：使open()方法创建的窗口，在本身的位置上，水平移动deltaX个像素，垂直移动deltaY个像素。

void moveTo(long x, long y) ：使open()方法创建的窗口，移动到x，y坐标。

Window open(string url, string target, string features, string replace) ：创建一个新的窗口。

参数：①url {string} ：新窗口加载的url。若没有指定，将使用"about:blank"。②target {string}  ：新窗口的名称。若没有指定，将使用"_black"。注意此值并不是窗口标题。③features {string} 可选 ：表示新窗口的特性，如：窗口功能和工具栏 。 字符串中不能包含任何空白字符，特性之间用逗号分隔开。返回值：{Window} 返回新窗口的引用。

void print() ：调用浏览器的打印按钮。

string prompt(string msg) ：弹出一个显示msg信息并包含一个确定按钮和取消按钮的输入框。此输入框会阻塞页面，点击确定按钮返回输入的内容，点击取消按钮返回null。

void resizeBy(long deltaWidth, long deltaHeight) ：使open()方法创建的窗口，在本身的位置上，宽度增加deltaWidth个像素，高度增加deltaHeight个像素。

void resizeTo(long width, long height) ：使open()方法创建的窗口，宽度变为width，高度变为height。

void scrollBy(long deltaWidth, long deltaHeight) ：在当前滚动的基础上，横向滚动deltaWidth像素，纵向滚动deltaHeight像素。

void scrollTo(long width, long height) ：横向滚动到width像素距离上，纵向滚动到height像素距离上。

long setInterval(function fn, long time) ：每隔一定的周期(毫秒)执行指定函数。

参数：①fn {function} ：需要执行的函数。②time {long} ：设置每隔多少毫秒执行指定的函数。单位：毫秒。返回值：{long} 返回一个数字。可以通过调用window.clearInterval()来取消此函数的执行。

long setTimeout(function fn, long time) ：在一定的毫秒数后执行指点函数。

参数：①fn {function} ：需要执行的函数。②time {long} ：设置多少毫秒后执行指定的函数。单位：毫秒。返回值：{long} 返回一个数字。可以通过调用window.clearTimeout()来取消此函数的执行。

 

 

==================================系列文章==========================================

本篇文章：4.2 HTML DOM Window对象

Web开发之路系列文章