js中的Window对象

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不支持该属性。

时间: 2024-10-02 19:05:17

js中的Window对象的相关文章

HTML中的window对象和JavaScript中的window对象 是同一个对象么?

问题描述 HTML中的window对象和JavaScript中的window对象 是同一个对象么?知情的大哥大姐们,详细解释下 问题补充:Rainbow702 写道 解决方案 Window 对象表示浏览器中打开的窗口.window 是浏览器给创建的,每个载入浏览器的 HTML 文档都会成为 Document 对象浏览器打开了一个window,window里面放的是documentwindow 相当于全局变量存在于这个document中,documnet包含js,html之类,所以应该是一个对象.

JS中的log对象获取以及debug的写法

 本篇文章主要是对JS中的log对象获取以及debug的写法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 实例如下:  代码如下: var log = new Logger('***.js') if (log.isDebugEnabled()) {                     log.debug('xxxxx');                 }    

javascript-关于js中在函数对象构造器中定义对象方法的问题

问题描述 关于js中在函数对象构造器中定义对象方法的问题 为什么函数前要有this.changeName=changeName 我是个新手 谢谢了 解决方案 无关在函数前后,赋值是因为为了调用到person内部定义的changeName函数,要不访问不到.也就是为了实现下面 myMonther.changeName('Ballmer');//这么使用函数 解决方案二: changeName是个私有函数,外部是访问不到的,所以要想在外部能够访问到就必须给个外部能访问到的公有属性或者公有方法

js android-android 中无法定义js中的复杂对象

问题描述 android 中无法定义js中的复杂对象 下面是微信提供一个查看图片的接口,实现方式应该就是在android中使用addJavascriptInterface方法 WeixinJSBridge.invoke('imagePreview', { 'current' : dsrc, 'urls' : imgsSrc[gid] }); 问题如下 // for image review webView.addJavascriptInterface(new Object(){ @android

js中遍历Map对象的简单实例_javascript技巧

实例如下: console.log(jsonData);//火狐控制台打印输出: Object { fileNumber="文件编号", fileName="文件名称"} for(var key in jsonData) console.log("属性:" + key + ",值:"+ jsonData[key]); } 打印输出: 属性:fileNumber, 值:文件编号 属性:fileName, 值:文件名称 以上这篇j

js中遍历Map对象的方法_javascript技巧

js中遍历Map对象的方法 console.log(jsonData);//火狐控制台打印输出: Object { fileNumber="文件编号", fileName="文件名称"} for(var key in jsonData) console.log("属性:" + key + ",值:"+ jsonData[key]); } 打印输出: 属性:fileNumber, 值:文件编号 属性:fileName, 值:文件

MVC中处理Json和JS中处理Json对象

MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了Json,让我们很方便的进行操作,而不像JS中那么复杂了. JsonResult 传值 MVC中: public JsonResult Test() { JsonResult json = new JsonResult{ Data = new{ Name = "zzl", Sex = &q

js获取iframe中的window对象的实现方法_javascript技巧

jQuery获取iframe的window对象 var win = $('#ifr')[0].contentWindow; JS原生方法获取iframe的window对象 document.getElementById("ifr").contentWindow; 可见  $('#ifr')[0].contentWindow 和 document.getElementById("ifr") 是等价的 在看下面一种情况 var ifr1 = document.getEl

Delphi中的TWebBrowser与MSHTML(1): 从TWebBrowser获取DOM中的window对象

借助 TWebBrowser 可以把软件做的更漂亮.更灵活, 很多软件已经或者早就这样做了. 尽管 HTML DOM 内容繁杂(涉及到 HTML.JavaScript.CSS), 但也都属于 TWebBrowser 的功能范围. 使用 TWebBrowser 时, 如果配合上 MSHTML, 将会有很好的代码提示; 不然也可以, 就是写代码困难. HTML DOM 中的一切都是源于一个叫 window 对象, 为了和 JS 中的 DOM 一致起来, 本次先获取这个对象. TWebBrowser