Window 对象

Window对象表示浏览器中打开的窗口。

如果文档包含框架(iframe或iframe标签),浏览器会被html文档创建一个window对象,并为每个框架创建一个额外的window对象。

注释:没有应用于window对象的公开标准,不过所有浏览器度支持该对象

window对象集合

iframes【】 返回窗口中所有命名的框架。该集合是window对象的数组,每个window对象在窗口中含有一个框架或<iframe>。属性frames.length存放数组iframes[]中含有的元素个数。注意,iframes【】数组中引用的框架可能还包括框架,它们自己也具有frames【】数组。

window对象属性

closed 返回窗口是否已被关闭

defaultStatus 设置或返回窗口状态栏中的默认文本。

document 对document对象的只读引用。

history 对history对象只读引用

innerheight 返回窗口的文档显示区高度

innerwidth 返回窗口的文档显示区跨度

length 设置或返回窗口中的框架数量

location 用于窗口或框架的Location对象

name 设置或返回窗口的名称

Navigator 对Navigator对象的只读引用

opener 返回创建此窗口的窗口引用

outerheight 返回窗口的外部高度

outerwidth 返回窗口的外部宽度

pageXOffset 设置或返回当前页面相对于窗口显示区左上角的X位置

pageYOffset 设置或返回当前页面相对于窗口显示区左上角的Y位置

parent 返回父窗口

Screen 对screen对象的只读引用

self 返回对当前窗口的引用。等价于window属性

status 设置窗口状态栏的文本

top 返回最顶层的先辈窗口

window window属性等价于self属性,它包含了对窗口自身的引用

screenLeft

screenTop

screenX

screenY   以上四个都是只读整数。声明了窗口左上角在屏幕上的x坐标和y坐标。

Window对象方法

alert()显示带有有一段消息和一个确认按钮的警告框。

blur()把键盘焦点从顶层窗口移开。

clearInterval()取消setInterval()设置的timeout

clearTimeout()取消setTimeout()方法设置的timeout

close()关闭浏览器窗口

confirm()显示带有一段消息以及确认按钮和取消按钮的对话框

createPopup()创建一个pop-up窗口

focus()把键盘焦点给予一个窗口

moveBy()可相对窗口的当前坐标把它移动到指定的像素

moveTo()把窗口的左上角移动到一个指定的坐标

open()打开一个新的浏览器窗口或查找一个已命名的窗口

print()打印当前窗口的内容

prompt()显示可提示用户输入的对话框

resizeBy()按照指定的像素调整窗口的大小

resizeTo()把窗口的大小调整到指定的宽度和高度

scrollBy()按照指定像素值来滚动内容

scrollTo()把内容滚动到指定的坐标

setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式

setTimeout()在指定的毫秒数后调用或计算表达式

window对象描述

window对象表示一个浏览器窗口或一个框架。在客户端javascript中,window对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写document,而不必写window.document。

同样,可以把当前窗口对象的方法当作函数来使用,如只写alert(),而不必写window.alert()

除了上面列出的属性和方法,window属性和self属性引用的都是它自己。当你想明确引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。除了这两个属性之外。parent属性,top属性以及frame[]数组都引用了当前window对象相关的其他window对象。

要用引用窗口中的一个框架,可以使用如下语法

frame[i] //当前窗口

self.frame【i】//当前窗口的框架

w.frame[i]  //窗口w的框架

要引用一个框架的父窗口(或父框架),可以使用下面的语法:

parent  //当前窗口的父窗口

self.parent //当前窗口的父窗口

w.parent //窗口w的父窗口

要从顶层窗口含有任何一个框架中引用它,可以使用如下语法:

top //当前框架的顶层窗口

self.top //当前框架的顶层窗口

f.top //框架f的顶层窗口

新的顶层浏览器窗口有方法Window.open()创建。当调用open()调用的返回值存储在一个变量中,然后使用那个变量来引用新窗口。新窗口的opener属性反过来引用了打开它的那个窗口。

一般来说,Window对象的方法都是对浏览器窗口或框架进行某种操作。而alert()方法,confirm()方法和prompt()方法则不同,它们通过简单的对话框与用户进行交互。

Browser Window的更多相关文章

  1. UI Framework-1: Browser Window

    Browser Window The Chromium browser window is represented by several objects, some of which are incl ...

  2. Embedding Flash Fullscreen in the Browser Window

    For Developers‎ > ‎Design Documents‎ > ‎ Embedding Flash Fullscreen in the Browser Window Auth ...

  3. Personalize Oracle Applications Home Page Browser Window Title

    修改登录页 http://expertoracle.com/2016/03/10/personalizing-the-e-business-suite-r12-login-page/ STEP 2 : ...

  4. [browser window窗口大小 算是screen补充吧]主要因为移动IE游览器 写了个兼容

    先上图吧 来上代码 console.log(window.outerWidth + '--' + window.outerHeight);//只读的整数,声明了整个窗口的XY //IE 不支持此属性, ...

  5. Make div 100% height of browser window/设置div等于浏览器的高度

    Viewport-Percentage (or Viewport-Relative) Lengths Viewport-Percentage Lengths: The viewport-percent ...

  6. [转]Stop Sharing Session State between Multiple Tabs of Browser

    本文转自:http://jinaldesai.net/stop-sharing-session-state-between-multiple-tabs-of-browser/ Scenario: By ...

  7. document.onclick vs window.onclick

    The JavaScript Window object is the highest level JavaScript object which corresponds to the web bro ...

  8. window.onunload | window.onbeforeunload

    先引述一段jQuery 官方对于onunload的评述: The unload event is sent to the window element when the user navigates ...

  9. Browser security standards via access control

    A computing system is operable to contain a security module within an operating system. This securit ...

随机推荐

  1. Nodejs调试技术

    基于Chrome浏览器的调试器 既然我们可以通过V8的调试插件来调试,那是否也可以借用Chrome浏览器的JavaScript调试器来调试呢?node-inspector模块提供了这样一种可能.我们需 ...

  2. MVC项目中的分页实现例子

    在开发项目中,写了一个分页实现的例子,现在把源代码贴上,以供以后写代码时参考 在列表的头部,有如下显示, 这个代表一个页面显示10条记录,总共22条记录. 这个是页面底部的显示 那么如何来显示这个分页 ...

  3. ubuntu14编译SSF(ethzasl_sensor_fusion )

    参考:http://wiki.ros.org/ethzasl_sensor_fusion 1. cd catkin_ws/src/ 2 git clone git://github.com/ethz- ...

  4. Makefiles

    A tutorial by example Compiling your source code files can be tedious, specially when you want to in ...

  5. CSS中position的absolute和relative用法

    static: HTML元素的默认定位方式 absolute: 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位.而其层叠通过z-index属性定义.绝对定位的元 ...

  6. P2939 [USACO09FEB]改造路Revamping Trails(分层图最短路)

    传送门 完了我好像连分层图最短路都不会了……果然还是太菜了…… 具体来说就是记录一个步数表示免费了几条边,在dijkstra的时候以步数为第一关键字,距离为第二关键字.枚举边的时候分别枚举免不免费下一 ...

  7. MySQL 逻辑备份mysqldump&mysqlpump&mydumper原理解析

    目录 准备 mysqldump备份 mysqlpump备份 mydumper备份 想弄清除逻辑备份的原理,最好的办法是开启general_log,一探究竟 准备 创建用户 CREATE USER IF ...

  8. 使用pods添加第三方的时候,出现ld: library not found for -lpop

    ld: library not found for -lpop 错误,是在使用pods添加第三方的时候,出现的编译错误,同时伴随着的是error: linker command failed with ...

  9. 洛谷P4878 [USACO05DEC]layout布局

    题目描述 正如其他物种一样,奶牛们也喜欢在排队打饭时与它们的朋友挨在一起.\(FJ\) 有编号为 \(1\dots N\) 的 \(N\) 头奶牛 \((2\le N\le 1000)\).开始时,奶 ...

  10. POJ1048 Follow My Logic

    题目来源:http://poj.org/problem?id=1048 题目大意: 给定一个逻辑电路,求其逻辑输出.电路含一个或多个输入,以及一些双输入的与门/或门组成.电路图以下面形式的ASCII码 ...