js中的Window对象

简介: JavaScript分为 ECMAScript,DOM,BOM; DOM 是指文档对象模型,并非一个对象; BOM就是浏览器窗口对象模型,顶级对象是window; window,document都是一个实例对象,他们都属于Object,表示浏览器中打开的窗口

JavaScript分为 ECMAScript,DOM,BOM; DOM 是指文档对象模型,并非一个对象; BOM就是浏览器窗口对象模型,顶级对象是window; window,document都是一个实例对象,他们都属于Object,表示浏览器中打开的窗口

Window对象是客户端javascript最高层对象之一;只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例;另外,该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成: document.write()

在窗口中觖发本窗口对象的任何方法和属性时可以省去窗口的实例名称。例如给当前的myWin窗口设置status属性时,可以只用status而不用myWin.status。但是,在事件处理中调用location属性、close()方法或open()方法时必须使用实例名称

Navigator(导航器对象)

appCodeName:返回浏览器代码名

appName:返回浏览器名称

appVersion:返回浏览器的平台和版本信息

cookieEnabled:返回浏览器中指明是否启用cookie的布尔值

platform:返回运行浏览器的操作系统平台

userAgent:返回由客户机发送服务器的user-agent头部的值

height/ width

功能:以像素为单位指定窗口分辨率的高度/宽度,已被innerHeight/innerWidth取代;

innerHeight属性

语法格式:window.innerHeight=数值

功能:返回或指定浏览器窗口中文档的像素高度,这个高度不包括任何工具栏和组成窗口的页面修饰高度

注:IE5.5不支持该属性。

innerWidth属性

语法格式:window.innerHeight=数值

功能:返回或指定浏览器窗口中文档的像素宽度,这个宽度不包括任何工具栏和组成窗口的页面修饰宽度

注:IE5.5不支持该属性。

outerHeight属性

语法格式:window.outerHeight

功能:outerHeight属性用于访问浏览器窗口的像素高度,该高度包括工具栏和装饰边的高度

注:IE5.5不支持该属性。

outerWidth属性

语法格式:window.outerWidth

功能:outerWidth属性用于访问浏览器窗口的像素宽度,该宽度包括工具栏和装饰边的宽度

注:IE5.5不支持该属性。

screen(显示器对象)

availHeight

语法格式:window.screen.availHeight

功能:以像素为单位返回显示屏幕的可用高度

availWidth

语法格式:window.screen.availWidth

功能:以像素为单位返回显示屏幕的可用宽度

colorEdpth:返回屏幕颜色的位数

history(历史对象)

history属性

语法格式:window.history[数值] window.history.方法() window.history.属性

window对象的子对象history是javascript的核心对象之一,该属性包含了一个已访问过页面的名称和URL的数组

back()/forward():返回上/下一个url

go():返回某个具体页面

location(位置对象)

属性

hash:设置或返回从#开始的url

host:设置或返回主机名和当前url的端口号

hostname:设置或返回当前url的主机名

href:设置或返回完整的url

pathname:设置或返回url的路径部分

port:设置或返回当前url的端口号

protocol:设置或返回当前url的协议

search:设置或返回从?开始的url

方法

assign(URL):加载新文档

reload():重新加载当前页面

replace(newURL):用新的文档替换当前文档

open方法

语法格式: window.open(URL,窗口名称,窗口风格)

功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页。

注意:这里的窗口名称,窗口名字可以是自己定义的,也可以是系统的 如:_blank, _self, _parent, _top....

_blank : URL被加载到一个新的未命名的窗口

_media : URL被加载到一个媒体栏中。(仅适合IE6以及以后版本浏览器)

_parent : URL被加载到目前框架的上层框架上。如果没有上层框架,则此项的值与_self的值相同

_search : URL被打开在浏览器的查找窗口。(仅适合IE5以及以后的浏览器)

_self : URL在当前的窗口上打开,覆盖以前的内容

_top ,URL可能会加载到任何框架支架(Frameset)上,如果没有定义Frameset,此项值与_self的值相同

top属性

语法格式:window.top.frames[数值] window.top.frameName window.top.方法() window.top.属性

功能:window对象的top属性用于包含所有装入浏览器的子窗口(多框架)的最顶层窗口的信息

parent属性

语法格式:window.parent.frames[数值] window.parent.framesName

功能:访问各个子窗口(多框架)所在的父窗口

Document(文档对象)

集合

anchors[]/images[]/links[]/forms[]:描点/图片/连接/表单对象数组

属性

document属性

语法格式:window.document.事件 window.document.方法 window.document.属性

功能:window对象的子对象document是javascript的核心对象,在脚本中遇到BODY元素时创建一个实例

cookie:设置或返回与当前文档有关的所有cookie

domain:返回当前文档的域名

referrer:返回载入当前文档的文档的url

title:返回当前文档的标题

url:返回当前文档的url

方法

open():打开一个新的文档并擦除旧文档内容

close():关闭文档输出流

write():向当前文档追加写入文本

writeLn():与write()相同,在

中会追加行

窗口控制

moveBy(水平位移量,垂直位移量):按照给定像素参数移动指定窗口

moveTo(x,y):将窗口移动到指定坐标(x,y)处

resizeBy(水平,垂直):将当前窗口改变指定的大小(x,y),当x、y的值大于0/小于0时为扩大/缩小

resizeTo(水平宽度,垂直宽度):将当前窗口改变成(x,y)大小,x、y分别为宽度和高度

scrollBy(水平位移量,垂直位移量):将窗口内容按给定的位移量滚动,参数为正时正向滚动否则反向

scrollTo(x,y):将窗口中的内容滚动到指定位置

焦点控制

focus/blur:获取/失去焦点

打开关闭窗口

open("url","窗口名称","窗口风格"):打开一个新的窗口并在窗口中装载指定url地址的网页,窗口的风格通过height(数值表示窗口高度不能小于100),width(数值表示窗口宽度不能小于100),left(数值表示窗口左坐标不能为负值),top(数值表示窗口上坐标不能为负值),location(yes/no):是否显示地址栏,menubar(yes/no):是否显示菜单栏,resizable(yes/no):是否可以改变窗口大小,scrollbars(yes/no):是否允许出现滚动条,status(yes/no):是否显示状态栏,toolbar(yes/no):是否显示工具栏来设定

menubar属性

语法格式:window.menubar.属性

功能:menubar属性也可以看成是一个子对象,这个属性用来获取它自已的visible属性来确定菜单栏是否可见

到目前为止,该属性只有一个子属性:visible。

注:IE5.5不支持该属性。

menubar.visible属性

语法格式:window.menubar.visible

功能:menubar.visible属性用于返回菜单栏是否可见,如果可见返回true,反之返回false。

注:IE5.5不支持该属性

close():自动关闭浏览器窗口

定时器

setTimeout(执行代码,毫秒数):当到了指定的毫秒数后自动执行功能代码

clearTimeout(定时器):取消由setTimeout()设置的定时器

setInterval(重复执行的代码,毫秒数):按指定周期重复执行代码

clearInterval(时间间隔器):取消由setInterval()设置的时间间隔器

对话框

alert("提示字符串"):弹出一个警告框显示提示字符串文本

confirm("提示字符串"):显示一个确认框,内有显示提示字符串,当用户单击确定按钮是该方法返回true,单击取消时返回false

prompt("提示字符串","缺省文本"):显示一个输入框,在输入框内显示提示字符串,input输入框内显示缺省文本而且可以自由修改,当点击确定按钮时返回用户输入的字符串,单击取消返回null值

属性

状态栏

defaultStatus:改变浏览器状态栏的默认显示

status:临时改变浏览器状态栏的显示

窗口位置

IE:screenLeft/screenTop:声明窗口左上角的x/y坐标,document.body.scrollLeft/document.documentElement.scrollLeft:声明当前文档向右滚动的像素数,document.body.scrollTop/document.documentElement.scrollTop:声明当前文档向下滚动的像素数;

!IE:screen/screenY:声明窗口左上角的x/y坐标,pageXoffset/pageYoffset:声明当前文档向右/下滚动的像素数;

FF:innerHeight/innerWidth:返回窗口的文档显示区高度/宽度,outerHeight/outerWidth:返回窗口的外部高度/宽度;

pageXOffset属性

语法格式:window.pageXOffset=数值

功能:指定浏览器窗口中文档左上角在窗口中的当前水平像素位置。在利用moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了可见文档相对整个页面的当前位置。

注:IE5.5不支持该属性。

  1. pageYOffset属性

语法格式:window.pageYOffset=数值

功能:指定浏览器窗口中文档左上角在窗口中的当前垂直像素位置。在利用moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了可见文档相对整个页面的当前位置。

注:IE5.5不支持该属性

status

status属性

语法格式:window.status=字符串

功能:设置或给出浏览器窗口中状态栏的当前显示信息。

小技巧:可以使用该属性设置浏览器窗口状态栏信息。

statusbar属性

语法格式:window.statusbar.属性

功能:statusbar属性本身也是一个对象,用于访问它自已的visible属性从而确定状态栏是否可见。

注:IE5.5浏览器不支持该属性。

statusbar.visible属性

语法格式:window.statusbar.visible

功能:检查状态栏是否可见,如果可见则返回true,反之返回false。

注:IE5.5浏览器不支持该属性。

defaultstatus属性

语法格式:window.defaultstatus[=字符串]

功能:defaultstatus属性值是浏览器窗中状态栏的默认显示信息。

personalbar

personalbar属性

语法格式:window.personalbar.属性

功能:personalbar属性本身也是一个对象,用于访问其自身的visible属性来确定个人栏是否可见。

注:IE5.5不支持该属性。

personalbar.visible属性

语法格式:window.personalbar.visible

功能:确定个人栏是否可见,如果可见则返回true,反之返回false。

注:IE5.5不支持该属性

location

location属性

语法格式:window.location=URL

功能:给出当前窗口的URL信息或指定打开窗口的URL。

locationbar属性

语法格式:window.locationbar.属性

功能:locationbar属性也可以看成是一个子对象,这个属性用来获取它自已的visible属性来确定位置栏是否可见;到目前为止,该属性只有一个子属性:visible。

注:IE5.5不支持该属性。

locationbar.visible属性

语法格式:window.locationbar.visible

功能:返回位置栏是否可见,如果可见返回true,反之返回false。

注:IE5.5不支持该属性。

frames

frames属性

语法格式:window.frames["框架名称"] window.frames[数值]

功能:frames属性是一个数组,用来存储文档中每一个由元素创建的子窗口(框架)实例,其中的下标即可以是次序号也可以是用FRAME元素的NAME属性指定的名称来得到并使用。

frames.length属性

语法格式:window.frames.length

功能:frames.length属性返回一个窗口内的子窗口数目该属性与window.length属性的值相同

其他属性

opener属性

语法格式:window.opener window.opener.方法 window.opener.属性

功能:opener属性与打开该窗口的父窗口相联系,当访问子窗口中operer属性时,返回的是父窗口。通过该属性,可以使用父窗口对象中的方法和属性

closed属性

语法格式:window.closed

功能:closed属性用于返回指定窗口的实例是否已经关闭,如果关闭,返回true,反之返回flase。

name属性

语法格式:window.name=名称

功能:返回窗口名称,这个名称是由window.open()方法创建新窗口时给定的。在javascript1.0版本中,这个属性只能用于读取窗口名称,而到了javascript1.1版本时,可以用这个属性给一个不是用window.open()方法创建的窗口指定一个名称。

self属性

语法格式:window.self.方法 window.self.属性

功能:该属性包含当前窗口的标志,利用这个属性,可以保证在多个窗口被打开的情况下,正确调用当前窗口内的函数或属性而不会发生混乱。

scrollbars属性

语法格式:window.scrollbars.属性

功能:scrollbars属性本身也是一个对象,用于访问其自身的visible属性来确定滚动栏是否可见。

注:IE5.5不支持该属性。

scrollbars.visible属性

语法格式:window.scrollbars.visible

功能:scrollbars.visible用于确定滚动栏是否可见,如果可见则返回true,反之返回false。

注:IE5.5不支持该属性。

toolbar属性

语法格式:window.toolbar.属性

功能:toolbar属性本身也是一个对象,用于访问它自已的visible属性从而确定工具栏是否可见。

注:IE5.5不支持该属性。

toolbar.visible属性

语法格式:window.toolbar.visible

功能:toolbar.visible属性用于检查工具栏是否可见,如果可见则返回true,反之返回false。

注:IE5.5不支持该属性。

目录
相关文章
|
9天前
|
JavaScript 前端开发
js遍历对象的方法
js遍历对象的方法
15 1
|
28天前
|
JavaScript 前端开发
javaScript Number 对象
avaScript Number 对象是 JavaScript 中用于表示数字的基本类型之一。它表示的数字可以是整数,也可以是浮点数。在 JavaScript 中,所有的数字都是 Number 类型的实例,可以通过 new Number() 构造函数来创建。此外,JavaScript 还提供了一些用于处理数字的常用方法和属性,例如 parseFloat()、parseInt()、isNaN()、is
62 6
|
1月前
|
存储 JavaScript 前端开发
探索JavaScript对象的奇妙世界:掌握JavaScript对象的多种创建方式!
探索JavaScript对象的奇妙世界:掌握JavaScript对象的多种创建方式!
|
2天前
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
6 0
|
6天前
|
前端开发 JavaScript 数据处理
JavaScript中的异步编程及Promise对象
【2月更文挑战第3天】 传统的JavaScript编程模式在处理异步任务时常常会导致回调地狱和代码可读性较差的问题,而Promise对象的引入为解决这一问题提供了一种优雅的解决方案。本文将介绍JavaScript中的异步编程方式以及Promise对象的使用方法和优势,帮助读者更好地理解和运用异步编程技术。
14 8
|
22天前
|
JavaScript Unix 索引
2022年11月21日13:32:00——T5——JS对象与Date日期函数
2022年11月21日13:32:00——T5——JS对象与Date日期函数
20 0
|
24天前
|
JavaScript 前端开发 Java
JavaScript数组操作示例及对象操作技巧
今天针对javascript的数组的一些常见操作进行一些讲解,希望对给为开发者有帮助。 先看下面常见的三种循环。
|
26天前
|
前端开发 JavaScript Java
前端(JavaScript)------函数与对象
前端(JavaScript)------函数与对象
49 0
|
27天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
27天前
|
JavaScript 索引
js之数组,对象,类数组对象
js之数组,对象,类数组对象

相关产品

  • 云迁移中心