你的位置:首页 > 网页设计

[网页设计]HTML DOM Window对象


  本篇主要介绍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处于一个<iframe>中,此属性返回这个IFrame。若在顶级窗口,返回null。

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开发之路系列文章