`
王仕军
  • 浏览: 21006 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
文章分类
社区版块
存档分类
最新评论

javascript 的window对象详解

阅读更多
javascript(js)---window对象使用2007-06-09 16:35熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用  
掌握window对象的moveTo、resizeTo、scrollTo、print方法的使用  
熟练掌握window对象的status、location、name、self、opener属性的使用  Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成: document.write()。  在窗口中觖发本窗口对象的任何方法和属性时可以省去窗口的实例名称。例如给当前的myWin窗口设置status属性时,可以只用status而不用myWin.status。但是,在事件处理中调用location属性、close()方法或open()方法时必须使用实例名称。  
6-2-1 window对象的方法 
window对象有以下方法: 

open  
close  
alert  
confirm  
prompt  
setTimeout  
clearTimeout  
setInterval  
clearInterval  
moveBy  
moveTo  
resizeBy  
resizeTo  
scrollBy  
scrollTo  
find  
back  
forward  
home  
stop  
print  
blur  
focus  
captureEvent  
enableExternalCapture  
disableExternalCapture  
handleEvent  
releaseEvent  
routeEvent  
scroll  

  1. open方法 
  语法格式: 

window.open(URL,窗口名称,窗口风格) 
  功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页。 

  说明: 

open方法用于打开一个新的浏览器窗口,并在新窗口中装入一个指定的URL地址 

;  
open方法在打开一个新的浏览器窗口时,还可以指定窗口的名称(第二个参数);  
open方法在打开一个新的浏览器窗口时,还可以指定窗口的风格(第三个参数), 

窗口风格有以下选项,这些选项可以多选,如果多选,各选项之间用逗号分隔:  
toolbar:指定窗口是否有标准工具栏。当该选项的值为1或yes时,表示有标准 

工具栏,当该选项的值为0或no时,表示没有标准工具栏;  
location:指定窗口是否有地址工具栏,选项的值及含义与toolbar相同;  
directories:指定窗口是否有链接工具栏,选项的值及含义与toolbar相同;  
status:指定窗口是否有状态栏,选项的值及含义与toolbar相同;  
menubar:指定窗口是否有菜单,选项的值及含义与toolbar相同;  
scrollbar:指定当前窗口文档大于窗口时是否有滚动条,选项的值及含义与 

toolbar相同;  
resizable:指定窗口是否可改变大小,选项的值及含义与toolbar相同;  
width:以像素为单位指定窗口的宽度,已被innerWidth取代;  
height:以像素为单位指定窗口的高度,已被innerHeight取代;  
outerWidth:以像素为单位指定窗口的外部宽度;  
outerHeight:以像素为单位指定窗口的外部高度;  
left:以像素为单位指定窗口距屏幕左边的位置;  
top:以像素为单位指定窗口距屏幕顶端的位置;  
alwaysLowered:指定窗口隐藏在所有窗口之后,选项的值及含义与toolbar相同 

;  
alwaysRaised:指定窗口浮在所有窗口之上,选项的值及含义与toolbar相同;  
dependent:指定打开的窗口为当前窗口的一个子窗口,并随着父窗口的关闭而 

关闭,选项的值及含义与toolbar相同;  

hotkeys:在没有菜单栏的新窗口中设置安全退出的热键,选项的值及含义与 

toolbar相同;  

innerHeight:设定窗口中文档的像素高度;  

innerWidth:设定窗口中文档的像素宽度;  

screenX:设定窗口距离屏幕左边界的像素长度;  

screenY:设定窗口距离屏幕上边界的像素长度;  

titleBar:指明标题栏是否在新窗口中可见,选项的值及含义与toolbar相同;  

z-look:指明当窗口被激活时,不能浮在其它窗口之上,选项的值及含义与 

toolbar相同。  

open方法返回的是该窗口的引用。  

小技巧:该方法经常用于在打开一个网页时自动打开另一个窗口。 

例6-2-1:编制一个小程序,它用于在打开当前窗口时自动打开另一个窗口,要 

求该窗没有标准工具栏、地址栏、链接工具栏、菜单栏,但有状态栏,窗口中打 

开的网页地址为:http://www.dlrtvu.edu.cn。 

2. close方法 
语法格式: 

window.close() 
功能:close方法用于自动关闭浏览器窗口。 

    3. alert方法 
语法格式: 

window.alert(提示字符串) 
功能:弹出一个警告框,在警告框内显示提示字符串文本。 

    4. confirm方法 
语法格式: 

window.confirm(提示字符串) 
功能:显示一个确认框,在确认框内显示提示字符串,当用户单击“确定”按钮 

时该方法返回true,单击“取消”时返回false。 

    5. prompt方法 
语法格式: 

window.prompt(提示字符串,缺省文本) 
功能:显示一个输入框,在输入框内显示提示字符串,在输入文本框显示缺省文 

本,并等待用户输入,当用户单击“确定”按钮时,返回用户输入的字符串,当 

单击“取消”按钮时,返回null值。 

    6. setTimeout方法  
分享到:
评论

相关推荐

    Javascript window对象详解

    JavaScript的window对象作为浏览器环境中的顶层对象,承载着重要的作用。首先,需要明确什么是顶层对象。顶层对象指的是一个运行环境中的最高级对象,所有的其他对象都是顶层对象的属性或方法。在浏览器中,顶层对象...

    javascript window对象

    ### JavaScript Window 对象详解 #### 一、简介 在JavaScript中,`Window`对象是所有浏览器窗口的基础。它是全局对象,也是顶级对象。对于初学者来说,了解`Window`对象的基本概念及其方法是非常重要的,这有助于...

    JavaScript的document和window对象详解

    ### JavaScript的document和window对象详解 #### Document对象 在JavaScript中,`document`对象是`window`和`frames`对象的一个属性,它表示显示在窗口或框架内的HTML文档。通过这个对象,开发者能够访问和操作...

    window对象--event对象详解

    Window对象在JavaScript中是浏览器全局对象,它代表了浏览器的一个窗口或者一个框架。在这个窗口中,我们可以执行脚本、操作DOM、以及处理用户与页面的交互。Event对象则是JavaScript事件处理中的核心,它包含了与...

    JavaScript常用对象详解

    ### JavaScript常用对象详解 在深入探讨JavaScript的常用对象之前,我们先来理解一下JavaScript作为一种脚本语言,在网页开发中的核心作用。JavaScript使网页具备了动态交互能力,它可以通过操作页面对象和执行各种...

    Javascript之BOM(window对象)详解_.docx

    本文将深入探讨JavaScript中的BOM(Browser Object Model,浏览器对象模型)以及其中的核心对象——window对象。BOM允许JavaScript与浏览器进行交互,包括处理窗口、框架、位置等。在Web开发中,尽管ECMAScript是...

    javascript Window对象

    ### JavaScript中的Window对象详解 #### 一、概述 在JavaScript中,`Window`对象是所有浏览器操作的基础。它是全局对象,也是顶级对象。通常我们提到的`window`就是指当前浏览器窗口。`Window`对象拥有许多属性和...

    JavaScript的document对象和window对象详解

    在JavaScript中,有两个极为重要的全局对象:document和window。document对象表示整个HTML文档,而window对象则表示浏览器窗口本身。接下来我们将详细介绍这两个对象的关键知识点。 首先,document对象是window对象...

    JavaScript浏览器对象之一Window对象详解

    JavaScript中的Window对象是浏览器环境中最基础且核心的对象,它代表了浏览器中打开的窗口,并作为全局对象存在。这意味着,当你在JavaScript代码中不指定对象的情况下直接调用一个属性或方法时,实际上就是在调用...

    javascript表单验证和Window详解

    ### JavaScript Window对象详解 Window对象是浏览器中的全局对象,它代表了浏览器的一个窗口或标签页。所有的JavaScript全局变量和函数都是Window对象的属性和方法。 #### 浏览器对象模型(BOM) 浏览器对象模型...

    window.event 对象详解

    在JavaScript编程语言中,`window.event`对象是一个特殊对象,它与浏览器的事件处理机制紧密相关。这个对象在大部分浏览器环境中(尤其是老版本的IE)是全局可用的,提供了当前事件的相关信息。本文将深入探讨`...

    JavaScript事件对象深入详解

    这篇深入详解将帮助我们理解如何在DOM(文档对象模型)以及不同浏览器环境下有效地使用事件对象。 在DOM中,事件对象通常作为参数传递给事件处理程序。例如,当用户点击一个按钮,`onclick`事件处理程序会接收到一...

    JavaScript的浏览器对象详解

    1. **window对象**:作为全局对象,window是所有JavaScript代码的上下文。它代表了浏览器的一个窗口或框架,包含了文档、导航、历史、定时器等多个属性和方法。例如,`window.location`用于获取或设置当前页面的URL...

    高手window.event对象详解

    ### 高手window.event对象详解 #### 一、概述 `window.event` 是一个非常重要的JavaScript内置对象,它主要用于处理浏览器中的各种事件。这个对象包含了有关事件的各种信息,例如触发事件的对象、事件类型以及与该...

    【JavaScript源代码】JavaScript style对象与CurrentStyle对象案例详解.docx

    ### JavaScript Style 对象与 CurrentStyle 对象详解 #### 一、Style 对象 **定义**: - `Style` 对象代表一个单独的样式声明,它可以从应用样式的文档元素访问。`Style` 对象主要用来获取元素的内联样式,即元素...

    Javascript之BOM(window对象)详解

    在浏览器中,window对象既是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。也就是说,在网页中定义的任何一个变量、对象和函数以window作为其Global对象。 1.全局作用域 既然window对象扮演...

Global site tag (gtag.js) - Google Analytics