JS的window对象详解

一.说明

他是JS中最大的对象,它描述的是一个浏览器窗口,一般要引用他的属性和方法时,不需要用“Window.XXX”这种形式,而是直接使用“XXX”。一个框架页面也是一个窗口。

二.Window窗口对象有如下属性

1.name 窗口的名称,由打开它的连接(<a target="...">)或框架页(<frame name="...">)或某一个窗口调用的 open() 方法(见下)决定。一般我们不会用这个属性。

2.status 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值,可以改变状态栏的显示。

3.opener 用法:window.opener;返回打开本窗口的窗口对象。注意:返回的是一个窗口对象。如果窗口不是由其他窗口打开的,在 Netscape 中这个属性返回 null;在 IE 中返回“未定义”(undefined)。undefined 在一定程度上等于 null。注意:undefined 不是 JavaScript 常数,如果你企图使用“undefined”,那就真的返回“未定义”了。

4.self 指窗口本身,它返回的对象跟 window 对象是一模一样的。最常用的是“self.close()”,放在<a>标记中:“<a href="javascript:self.close()">关闭窗口</a>”。

5.parent 返回窗口所属的框架页对象。

6.top 返回占据整个浏览器窗口的最顶端的框架页对象。

三.Window窗口对象有如下方法

1.open(<URL字符串>, <窗口名称字符串>, <参数字符串>);

说明:

<URL字符串>:描述所打开的窗口打开哪一个网页。如果留空(‘‘),则不打开任意网页。

<窗口名称字符串>:描述被打开的窗口的名称(window.name),可以使用‘_top‘、‘_blank‘等内建名称。这里的名称跟“<a href="..." target="...">”里的“target”属性是一样的。

<参数字符串>:描述被打开的窗口的样貌。如果只需要打开一个普通窗口,该字符串留空(‘‘),如果要指定样貌,就在字符串里写上一到多个参数,参数之间用逗号隔开。

例:打开一个 400 x 100 的干净的窗口:open(‘‘,‘_blank‘,‘width=400,height=100,menubar=no,toolbar=no,location=no,directories=no,status=no, scrollbars=yes,resizable=yes‘)

open()的参数

top=# 窗口顶部离开屏幕顶部的像素数

left=# 窗口左端离开屏幕左端的像素数

width=# 窗口的宽度

height=# 窗口的高度

menubar=... 窗口有没有菜单,取值yes或no

toolbar=... 窗口有没有工具条,取值yes或no

location=... 窗口有没有地址栏,取值yes或no

directories=... 窗口有没有连接区,取值yes或no

scrollbars=... 窗口有没有滚动条,取值yes或no

status=... 窗口有没有状态栏,取值yes或no

resizable=... 窗口给不给调整大小,取值yes或no

注意:open() 方法有返回值,返回的就是它打开的窗口对象。比如

var newWindow = open(‘‘,‘_blank‘);

这样把一个新窗口赋值到“newWindow”变量中,以后通过“newWindow”变量就可以控制窗口了。

2.close() 关闭一个已打开的窗口。

3.blur() 使焦点从窗口移走,窗口变为“非活动窗口”。

4.focus() 是窗口获得焦点,变为“活动窗口”。不过在 Windows 98,该方法只能使窗口的标题栏和任务栏上的相应按钮闪烁,提示用户该窗口正在试图获得焦点。

5.scrollTo() 用法:[<窗口对象>.]scrollTo(x, y);使窗口滚动,使文档从左上角数起的(x, y)点滚动到窗口的左上角。

6.scrollBy() 用法:[<窗口对象>.]scrollBy(deltaX, deltaY);使窗口向右滚动 deltaX 像素,向下滚动 deltaY 像素。如果取负值,则向相反的方向滚动。

7.resizeTo() 用法:[<窗口对象>.]resizeTo(width, height);使窗口调整大小到宽 width 像素,高 height 像素。

8.resizeBy() 用法:[<窗口对象>.]resizeBy(deltaWidth, deltaHeight);使窗口调整大小,宽增大 deltaWidth 像素,高增大 deltaHeight 像素。如果取负值,则减少。

9.alert() 用法:alert(<字符串>);弹出一个只包含“确定”按钮的对话框,显示<字符串>的内容,整个文档的读取、Script 的运行都会暂停,直到用户按下“确定”。

10.confirm() 用法:confirm(<字符串>);弹出一个包含“确定”和“取消”按钮的对话框,显示<字符串>的内容,要求用户做出选择,整个文档的读取、Script 的运行都会暂停。如果用户按下“确定”,则返回 true 值,如果按下“取消”,则返回 false 值。

11.prompt() 用法:prompt(<字符串>[, <初始值>]);弹出一个包含“确认”“取消”和一个文本框的对话框,显示<字符串>的内容,要求用户在文本框输入一些数据,整个文档的读取、Script 的运行都会暂停。如果用户按下“确认”,则返回文本框里已有的内容,如果用户按下“取消”,则返回 null 值。如果指定<初始值>,则文本框里会有默认值。

四.Window窗口对象有如下事件

1.window.onload;发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件,而且包含的图片,插件,控件,小程序等全部内容都下载完毕。本事件是 window 的事件,但是在 HTML 中指定事件处理程序的时候,我们是把它写在<body>标记中的。

2.window.onunload;发生在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候。与 onload 一样,要写在 HTML 中就写到<body>标记里。

3.window.onresize;发生在窗口被调整大小的时候。

4.window.onblur;发生在窗口失去焦点的时候。

5.window.onfocus;发生在窗口得到焦点的时候。

6.window.onerror;发生在错误发生的时候。它的事件处理程序通常就叫做“错误处理程序”(Error Handler),用来处理错误。上边已经介绍过,要忽略一切错误,就使用:

function ignoreError() {

return true;

}

window.onerror = ignoreError;

整理如下:

  对象属性

  window //窗户自身

  window.self //引用本窗户window=window.self

  window.name //为窗户命名

  window.defaultStatus //设定窗户状态栏信息

  window.location //URL地址,配备布置这个属性可以打开新的页面

  ---------------------------------------------------------------------

  对象方法

  window.alert("text") //提示信息会话框

  window.confirm("text") //确认会话框

  window.prompt("text") //要求键盘输入会话框

  window.setIntervel("action",time) //每一隔指定的时间(毫秒)就执行一次操作

  window.clearInterval() //清除时间配备布置作用就是终止轮回

  window.setTimeout(action,time) //隔了指定的时间(毫秒)执行一次操作

  window.open() //打开新的窗户

  window.close() //关闭窗户

  ---------------------------------------------------------------------

  成员对象

  window.event

  window.document //见document对象详解

  window.history

  window.screen

  window.navigator

  window.external

  ---------------------------------------------------------------------

  ---------------------------------------------------------------------

  window.history对象

  window.history.length //浏览过的页面数

  history.back() //撤退退却

  history.forward() //进步

  history.go(i) //到汗青详细登记单的第i位,i>0进步,i<0撤退退却

  ---------------------------------------------------------------------

  window.screen对象

 window.screen.width //屏幕宽度

  window.screen.height //屏幕高度

  window.screen.colorDepth //屏幕色深

  window.screen.availWidth //可用宽度

  window.screen.availHeight //可用高度(除去任务栏的高度)

  ---------------------------------------------------------------------

  window.external对象

  window.external.AddFavorite("地址","标题" ) //把网站新增到保藏夹

  ---------------------------------------------------------------------

  window.navigator对象

  window.navigator.appCodeName //浏览器代码名

  window.navigator.appName //浏览器步伐名

  window.navigator.appMinorVersion //浏览器补钉版本

  window.navigator.cpuClass //cpu类型 x86

  window.navigator.platform //操作体系类型 win32

  window.navigator.plugins

  window.navigator.opsProfile

  window.navigator.userProfile

  window.navigator.systemLanguage //客户体系语言 zh-cn简体中文

  window.navigator.userLanguage //用户语言,同上

  window.navigator.appVersion //浏览器版本(包括 体系版本)

  window.navigator.userAgent

  window.navigator.onLine //用户否在线

  window.navigator.cookieEnabled //浏览器是否撑持cookie

  window.navigator.mimeTypes

[document对象]

该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。

属性

1.alinkColor 活动链接的颜色(ALINK)

2.anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象)

3.anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象)

4.bgColor 文档的背景颜色(BGCOLOR)

5.cookie 存储于cookie.txt文件内的一段信息,它是该文档对象的一个属性

6.fgColor 文档的文本颜色(<BODY>标记里的TEXT特性)

7.form 文档中的一个窗体(<FORM>)(该属性本身也是一个对象)

8.forms anay 按照其出现在文档中的顺序列出窗体对象的一个数组(该属性本身也是一个对象)

9.lastModified 文档最后的修改日期

10.linkColor 文档的链接的颜色,即<BODY>标记中的LINK特性(链接到用户没有观察到的文档)

11.link 文档中的一个<A HREF=>标记(该属性本身也是一个对象)

12.links array 文档中link对象的一个数组,按照它们出现在文档中的顺序排列(该属性本身也是一个对象)

13.location 当前显示文档的URL。用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象

14.referrer 包含链接的文档的URL,用户单击该链接可到达当前文档

15.title 文档的标题((TITLE>)

16.vlinkColor 指向用户已观察过的文档的链接文本颜色,即<BODY>标记的VLINK特性

方法

1.clear 清除指定文档的内容

2.close 关闭文档流

3.open 打开文档流

4.write 把文本写入文档

5.writeln 把文本写入文档,并以换行符结尾

时间: 2024-12-25 17:18:22

JS的window对象详解的相关文章

js中window对象详解以及页面跳转

js中window对象详解以及页面跳转 转自:http://www.makaidong.com/%E5%8D%9A%E5%AE%A2%E5%9B%AD%E6%90%9C/39219.shtml 1.window.top.window.location = "index.asp"; 2.window.top.location.href="index.asp" 3. window.top.location.replace("index.asp");

原生JS:String对象详解

@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); String对象 本文参考MDN做的详细整理,方便大家参考[MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript) JavaScript中的 String 类型用于表示文本型的数据. 它是由无符号整数

JS中window.showModalDialog()详解 HTML DOM open() 方法

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框. 使用方法: vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures

JS中window.showModalDialog()详解

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框. 使用方法: vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures

原生JS:Array对象详解

Array对象 创建数组: 数组字面量:var arr1 = [1,2,3]; Array构造函数1:var arr2 = new Array(1,2,3);  //[1,2,3] Array构造函数2:var arr3 = new Array(3);  var arr3 = new Array(‘3’);  var arr3 = new Array('ol'); 错误写法:var arr3 = new Array(3.2);  var arr3 = new Array(-3); 例:var a

JS中的event 对象详解

JS中的event 对象详解 JS的event对象 Event属性和方法: 1. type:事件的类型,如onlick中的click: 2. srcElement/target:事件源,就是发生事件的元素: 3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键) 4. clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的

JS变量对象详解

JS变量对象详解 开年之后工作热情一直不是很高,这几天一直处于消极怠工状态.早上不想起床,起床了不想上班.明明放假之前工作热情还一直很高,一直心心念念的想把小程序项目怼出来,结果休假回来之后画风完全不一样了.我感觉自己得了严重了节后综合征.还好撸了几篇文章,勉强表示这一周的时间没有完全浪费.这篇文章要给大家介绍的是变量对象. 在JavaScript中,我们肯定不可避免的需要声明变量和函数,可是JS解析器是如何找到这些变量的呢?我们还得对执行上下文有一个进一步的了解. 在上一篇文章中,我们已经知道

转载:Js中的window.parent ,window.top,window.self 详解

原文地址  <Js中的window.parent ,window.top,window.self 详解> 在应用有frameset或者iframe的页面时, parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口. window.self 功能:是对当前窗口自身的引用.它和window属性是等价的. 语法:window.self 注:window.self.window.sel

js内存空间 执行上下文 变量对象详解 作用域链与闭包 全方位解读this

内存空间:https://blog.csdn.net/pingfan592/article/details/55189622 执行上下文:https://blog.csdn.net/pingfan592/article/details/55189804 变量对象详解:https://blog.csdn.net/pingfan592/article/details/56009330 作用域链与闭包:https://blog.csdn.net/pingfan592/article/details/5