Browser Window
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的更多相关文章
- UI Framework-1: Browser Window
Browser Window The Chromium browser window is represented by several objects, some of which are incl ...
- Embedding Flash Fullscreen in the Browser Window
For Developers > Design Documents > Embedding Flash Fullscreen in the Browser Window Auth ...
- Personalize Oracle Applications Home Page Browser Window Title
修改登录页 http://expertoracle.com/2016/03/10/personalizing-the-e-business-suite-r12-login-page/ STEP 2 : ...
- [browser window窗口大小 算是screen补充吧]主要因为移动IE游览器 写了个兼容
先上图吧 来上代码 console.log(window.outerWidth + '--' + window.outerHeight);//只读的整数,声明了整个窗口的XY //IE 不支持此属性, ...
- Make div 100% height of browser window/设置div等于浏览器的高度
Viewport-Percentage (or Viewport-Relative) Lengths Viewport-Percentage Lengths: The viewport-percent ...
- [转]Stop Sharing Session State between Multiple Tabs of Browser
本文转自:http://jinaldesai.net/stop-sharing-session-state-between-multiple-tabs-of-browser/ Scenario: By ...
- document.onclick vs window.onclick
The JavaScript Window object is the highest level JavaScript object which corresponds to the web bro ...
- window.onunload | window.onbeforeunload
先引述一段jQuery 官方对于onunload的评述: The unload event is sent to the window element when the user navigates ...
- Browser security standards via access control
A computing system is operable to contain a security module within an operating system. This securit ...
随机推荐
- assert.ifError()
assert.ifError(value) 如果 value 为真,则抛出 value. 可用于测试回调函数的 error 参数(通俗解释ifError方法断定某个表达式是否false,如果该表达式对 ...
- netty+mqtt
package io.mqtt.server; import io.mqtt.tool.ConfigService;import io.netty.bootstrap.ServerBootstrap; ...
- 5.6 安装SqlDeveloper
首先,将安装包准备好: 打开终端: 这样,sqldeveloper就安装完毕了. 在Ubuntu中搜索,sql,会出现: 点击,可以进入:
- url中传中文
function gotoPage(code,name){//name为中文 window.location.href="upload.jsp?bigCategoryCode="+ ...
- jQuery学习1
学习jQuery的过程中发现了一个博客把jquery的要点整理的很不错,摘抄其精华以备学习.感谢:http://blog.csdn.net/wph_1129/article/details/59932 ...
- Spark Runtime概述
从Spark Runtime的角度来讲由五大核心对象:Master.Worker.Executor.Driver.CoarseGrainedExecutorBacked: Spark在做分布式集群系统 ...
- CF 979D Kuro and GCD and XOR and SUM(异或 Trie)
CF 979D Kuro and GCD and XOR and SUM(异或 Trie) 给出q(<=1e5)个操作.操作分两种,一种是插入一个数u(<=1e5),另一种是给出三个数x, ...
- Tour(dp)
Tour(dp) 给定平面上n(n<=1000)个点的坐标(按照x递增的顺序),各点x坐标不同,且均为正整数.请设计一条路线,从最左边的点出发,走到最右边的点后再返回,要求除了最左点和最右点之外 ...
- 洛谷P3128 [USACO15DEC]最大流Max Flow
P3128 [USACO15DEC]最大流Max Flow 题目描述 Farmer John has installed a new system of N-1N−1 pipes to transpo ...
- JS实现自动轮播图效果(js案例)
现在很多网站都有轮播图,这篇文章主要为大家详细介绍了js实现轮播图的完整代码及原理,需要的小伙伴可以参考一下. 1.轮播图主要功能: 1. 图片自动轮播(主图切换同时下面导航图片也会跟着变化) 2. ...