- 浏览: 319076 次
- 性别:
- 来自: 济南
文章分类
- 全部博客 (221)
- J2SE心得 (4)
- 经典帖子 (8)
- 亲身经历 (9)
- SSH框架 (12)
- 数据库 (10)
- java基础知识 (41)
- java解惑 (17)
- 软件测试 (0)
- JSP (6)
- JavaScript (8)
- jQuery学习 (12)
- 硬件知识 (1)
- 工具类 (14)
- 面试专题 (4)
- Struts2专题(学习) (14)
- Spring源码分析专题(学习) (15)
- JavaScript专题(学习) (8)
- ExtJs专题(学习) (6)
- Java Web快速入门——全十讲 (10)
- web前台 (1)
- J2ME手机方面 (1)
- 积累整理 (1)
- MyEclipse工具篇 (10)
- oracle (1)
- Android基础 (1)
最新评论
-
youjianbo_han_87:
上传成功后,无法跳转到success页面,会报2038和404 ...
Struts2使用FlashFileUpload.swf实现批量文件上传 -
showzh:
...
MyEclipse 怎么安装SVN插件 -
wpf523:
赞一个啊,楼主加油
一些比较复杂的运算符(二) -
独步天下:
request.getSession().getAttribute() 和request.getSession().setAttribute() -
HelloJava1234:
thank you
怎么改变MyEclipse默认的jsp打开方式
导读:
熟练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方法
语法格式:
window.setTimeout(代码字符表达式,毫秒数)
功能:定时设置,当到了指定的毫秒数后,自动执行代码字符表达式。
7. clearTimeout方法
语法格式:
window.clearTimeout(定时器)
功能:取消以前的定时设置,其中的参数是用setTimeout设置时的返回值。
8. setInterval方法
语法格式:
window.setInterval(代码字符表达式,毫秒数)
功能:设定一个时间间隔后(第二个参数),反复执行“代码字符表达式”的内容
9. clearInterval方法
语法格式:
window.clearInterval(时间间隔器)
功能:取消setInterval设置的定时。其中的参数是setInterval方法的返回值。
10. moveBy方法
语法格式:
window.moveBy(水平位移量,垂直位移量)
功能:按照给定像素参数移动指定窗口。第一个参数是窗口水平移动的像素,第
二个参数是窗口垂直移动的像素。
11.moveTo方法
语法格式:
window.moveTo(x,y)
功能:将窗口移动到指定的指定坐标(x,y)处。
12. resizeBy方法
语法格式:
window.resizeBy(水平,垂直)
功能:将当前窗口改变指定的大小(x,y),当x、y的值大于0时为扩大,小于0时
为缩小。
13. resizeTo方法
语法格式:
window.resizeTo(水平宽度,垂直宽度)
功能:将当前窗口改变成(x,y)大小,x、y分别为宽度和高度。
14. scrollBy方法
语法格式:
window.scrollBy(水平位移量,垂直位移量)
功能:将窗口中的内容按给定的位移量滚动。参数为正数时,正向滚动,否则反
向滚动。
15. scrollTo方法
语法格式:
window.scrollTo(x,y)
功能:将窗口中的内容滚动到指定位置。
16.find方法
语法格式:
window.find()
功能:当触发该方法时,将弹出一个“find”(查找)对话窗口,并允许用户在触
发find方法的页面中查找一个字符串。
注:该属性在IE5.5及Netscape6.0中都不支持。
17. back方法
语法格式:
window.back()
功能:模拟用户点击浏览器上的“后退”按钮,将页面转到浏览器的上一页。
说明:仅当当前页面存在上一页时才能进行该操作。
注:IE5.5不支持该方法,Netscape6.0支持。
18. forward方法
语法格式:
window.forward()
功能:模拟用户点击浏览器上的“前进”按钮,将页面转到浏览器的下一页。
说明:仅当当前页面存在下一页时才能进行该操作。
注:IE5.5不支持该方法,Netscape6.0支持。
19. home方法
语法格式:
window.home()
功能:模拟用户点击浏览器上的“主页”按钮,将页面转到指定的页面上。
注:IE5.5不支持该方法,Netscape6.0支持。
20. stop方法
语法格式:
window.stop()
功能:模拟用户点击浏览器上的“停止”按钮,终止浏览器的下载操作。
注:IE5.5不支持该方法,Netscape6.0支持。
21. print方法
语法格式:
window.print()
功能:模拟用户点击浏览器上的“打印”按钮,通知浏览器打开打印对话框打印
当前页。
22. blur方法
语法格式:
window.blur()
功能:从窗口中移出焦点。当与focus方法合用时必须小心,因为可能导致焦点
不断移进移出。
23. focus方法
语法格式:
window.focus()
功能:使窗口中得到焦点。当与blur方法合用时必须小心,因为可能导致焦点不
断移进移出。
24. captureEvent方法
语法格式:
window.captureEvent(Event)
window.captureEvent(事件1|事件2|...|事件n)
功能:捕捉指定参数的所有事件。由于能够捕获哪些由本地程序自己处理的事件
,所以程序员可以随意定义函数来处理事件。如果有多个事件需要捕捉,各事件
之间用管道符“|”隔开。可捕捉的事件类型如下:
Event.ABORT
Event.BLUR
Event.CHANGE
Event.CLICK
Event.DBLCLICK
Event.DRAGDROP
Event.ERROR
Event.FOCUS
Event.KEYDOWN
Event.KEYPRESS
Event.KEYUP
Event.LOAD
Event.MOUSEDOWN
Event.MOUSUEMOVE
Event.MOUSEOUT
Event.MOUSEOVER
Event.MOUSEUP
Event.MOVE
Event.RESET
Event.RESIZE
Event.SELECT
Event.SUBMIT
Event.UNLOAD
25. enableExternalCapture事件
语法格式:
window.enableExternalCapture(event)
功能:enableExternalCapture方法用于捕捉通过参数传入的外部事件。
26. disableExternalCapture事件
语法格式:
window.disableExternalCapture()
功能:取消enableExternalCapture方法的设置,终止对外部事件的捕捉。
27. handleEvent事件
语法格式:
window.handleEvent(event)
功能:触发指定事件的事件处理器。
28. releaseEvent事件
语法格式:
window.releaseEvent(event)
window.releaseEvent(事件1|事件2|...|事件n)
功能:释放通过参数传入的已被捕捉的事件,这些事件是由
window.captureEvent方法设置的,可释放的事件与captureEvent相同。
29. routeEvent事件
语法格式:
window.releaseEvent(event)
功能:把被捕捉类型的所有事件转交给标准事件处理方法进行处理,可转交的事
件与captureEvent相同。
30 scroll事件
语法格式:
window.scroll(X坐标,Y坐标)
功能:将窗口移动到指定的坐标位置。
6-2-2 window对象的属性
window对象具有如下属性:
status
statusbar
statusbar.visible
defaultstatus
location
locationbar
locationbar.visible
self
name
closed
frames
frames.length
length
document
history
innerHeight
innerWidth
menubar
menubar.visible
opener
outerHeight
outerWidth
pageXOffset
pageYOffset
parent
personalbar
personalbar.visible
scrollbar
scrollbar.visible
toolbar
toolbar.visible
top
1. status属性
语法格式:
window.status=字符串
功能:设置或给出浏览器窗口中状态栏的当前显示信息。
小技巧:可以使用该属性设置浏览器窗口状态栏信息。
2. statusbar属性
语法格式:
window.statusbar.属性
功能:statusbar属性本身也是一个对象,用于访问它自已的visible属性从而确
定状态栏是否可见。
注:IE5.5浏览器不支持该属性。
3. statusbar.visible属性
语法格式:
window.statusbar.visible
功能:检查状态栏是否可见,如果可见则返回true,反之返回false。
注:IE5.5浏览器不支持该属性。
4. defaultstatus属性
语法格式:
window.defaultstatus[=字符串]
功能:defaultstatus属性值是浏览器窗中状态栏的默认显示信息。
5.location属性
语法格式:
window.location=URL
功能:给出当前窗口的URL信息或指定打开窗口的URL。
6. locationbar属性
语法格式:
window.locationbar.属性
功能:locationbar属性也可以看成是一个子对象,这个属性用来获取它自已的
visible属性来确定位置栏是否可见。
到目前为止,该属性只有一个子属性:visible。
注:IE5.5不支持该属性。
7. locationbar.visible属性
语法格式:
window.locationbar.visible
功能:返回位置栏是否可见,如果可见返回true,反之返回false。
注:IE5.5不支持该属性。
8. self属性
语法格式:
window.self.方法
window.self.属性
功能:该属性包含当前窗口的标志,利用这个属性,可以保证在多个窗口被打开
的情况下,正确调用当前窗口内的函数或属性而不会发生混乱。
9. name属性
语法格式:
window.name=名称
功能:返回窗口名称,这个名称是由window.open()方法创建新窗口时给定的。
在javascript1.0版本中,这个属性只能用于读取窗口名称,而到了
javascript1.1版本时,可以用这个属性给一个不是用window.open()方法创建的
窗口指定一个名称。
10. closed属性
语法格式:
window.closed
功能:closed属性用于返回指定窗口的实例是否已经关闭,如果关闭,返回true
,反之返回flase。
11. frames属性
语法格式:
window.frames["框架名称"]
window.frames[数值]
功能:frames属性是一个数组,用来存储文档中每一个由元素创建的子窗口(框
架)实例,其中的下标即可以是次序号也可以是用FRAME元素的NAME属性指定的名
称来得到并使用。
12. frames.length属性
语法格式:
window.frames.length
功能:frames.length属性用于给出文档中子窗口(框架)实例的个数。
13. length属性
语法格式:
window.length
功能:length属性返回一个窗口内的子窗口数目,该属性与
window.frame.length属性的值相同。
14. document属性
语法格式:
window.document.事件
window.document.方法
window.document.属性
功能:window对象的子对象document是javascript的核心对象,在脚本中遇到
BODY元素时创建一个实例。
15. history属性
语法格式:
window.history[数值]
window.history.方法()
window.history.属性
window对象的子对象history是javascript的核心对象之一,该属性包含了一个
已访问过页面的名称和URL的数组。
16. innerHeight属性
语法格式:
window.innerHeight=数值
功能:返回或指定浏览器窗口中文档的像素高度,这个高度不包括任何工具栏和
组成窗口的页面修饰高度。
注:IE5.5不支持该属性。
17. innerWidth属性
语法格式:
window.innerHeight=数值
功能:返回或指定浏览器窗口中文档的像素宽度,这个宽度不包括任何工具栏和
组成窗口的页面修饰宽度。
注:IE5.5不支持该属性。
18. menubar属性
语法格式:
window.menubar.属性
功能:menubar属性也可以看成是一个子对象,这个属性用来获取它自已的
visible属性来确定菜单栏是否可见。
到目前为止,该属性只有一个子属性:visible。
注:IE5.5不支持该属性。
19. menubar.visible属性
语法格式:
window.menubar.visible
功能:menubar.visible属性用于返回菜单栏是否可见,如果可见返回true,反
之返回false。
注:IE5.5不支持该属性。
20. opener属性
语法格式:
window.opener
window.opener.方法
window.opener.属性
功能:opener属性与打开该窗口的父窗口相联系,当访问子窗口中operer属性时
,返回的是父窗口。通过该属性,可以使用父窗口对象中的方法和属性。
21. outerHeight属性
语法格式:
window.outerHeight
功能:outerHeight属性用于访问浏览器窗口的像素高度,该高度包括工具栏和
装饰边的高度。
注:IE5.5不支持该属性。
22. outerWidth属性
语法格式:
window.outerWidth
功能:outerWidth属性用于访问浏览器窗口的像素宽度,该宽度包括工具栏和装
饰边的宽度。
注:IE5.5不支持该属性。
23. pageXOffset属性
语法格式:
window.pageXOffset=数值
功能:指定浏览器窗口中文档左上角在窗口中的当前水平像素位置。在利用
moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了
可见文档相对整个页面的当前位置。
注:IE5.5不支持该属性。
24. pageYOffset属性
语法格式:
window.pageYOffset=数值
功能:指定浏览器窗口中文档左上角在窗口中的当前垂直像素位置。在利用
moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了
可见文档相对整个页面的当前位置。
注:IE5.5不支持该属性。
25. parent属性
语法格式:
window.parent.frames[数值]
window.parent.framesName
功能:访问各个子窗口(多框架)所在的父窗口。
26. personalbar属性
语法格式:
window.personalbar.属性
功能:personalbar属性本身也是一个对象,用于访问其自身的visible属性来确
定个人栏是否可见。
注:IE5.5不支持该属性。
27. personalbar.visible属性
语法格式:
window.personalbar.visible
功能:确定个人栏是否可见,如果可见则返回true,反之返回false。
注:IE5.5不支持该属性。
28. scrollbars属性
语法格式:
window.scrollbars.属性
功能:scrollbars属性本身也是一个对象,用于访问其自身的visible属性来确
定滚动栏是否可见。
注:IE5.5不支持该属性。
29. scrollbars.visible属性
语法格式:
window.scrollbars.visible
功能:scrollbars.visible用于确定滚动栏是否可见,如果可见则返回true,反
之返回false。
注:IE5.5不支持该属性。
30. toolbar属性
语法格式:
window.toolbar.属性
功能:toolbar属性本身也是一个对象,用于访问它自已的visible属性从而确定
工具栏是否可见。
注:IE5.5不支持该属性。
31. toolbar.visible属性
语法格式:
window.toolbar.visible
功能:toolbar.visible属性用于检查工具栏是否可见,如果可见则返回true,
反之返回false。
注:IE5.5不支持该属性。
32. top属性
语法格式:
window.top.frames[数值]
window.top.frameName
window.top.方法()
window.top.属性
功能:window对象的top属性用于包含所有装入浏览器的子窗口(多框架)的最顶
层窗口的信息。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/ahpo/archive/2008/03/15/2184887.aspx
发表评论
-
JavaScript的事件DOM
2009-12-03 08:38 927相关文章: 离开 ... -
js获取当前时间
2009-12-01 16:31 14186//取得当前时间 (默认给违约的创建时间) window.o ... -
弹出窗口window.showModelessDialog参数介绍
2009-09-01 14:14 3565网页对窗口控制已经有很多文章介绍了,但控制对话框的技巧却不是很 ... -
超链接中怎么调用JavaScript
2009-09-01 12:46 4266点击超链接调用 JavaScript 函数,一般人都用: & ... -
Javascript刷新页的方法汇总
2009-08-31 14:13 990先来看一个简单的例子:下面以三个页面分别命 ... -
一些常用的JavaScript
2009-08-31 10:56 625注册界面(添加界面): <script type=&q ... -
页面常用JavaScript
2009-08-31 08:52 789zhuxinyu 写道1. 禁用backspacke d ...
相关推荐
我们可以通过设置QWebPage的JavaScript窗体对象(QWebFrame)来注册C++对象,使其在JavaScript环境中可访问。 注册C++对象到JavaScript的步骤如下: 1. 定义C++类:首先,你需要定义一个C++类,这个类将被暴露给...
十一、JavaScript窗体对象 13. 问题13考察了JavaScript的窗体对象,正确答案是B.document.mainForm.myButton, 这将获取窗体对象mainForm中的第一个元素myButton。 十二、HTML基础知识 14. 问题14考察了HTML文档...
JavaScript窗体模式是一种在网页应用中创建和管理窗口的方式,特别是在多页面交互或者单页应用程序(SPA)中,用于提供更好的用户体验和数据传递。在这个模式下,JavaScript被用来控制窗体的显示、隐藏、以及在不同...
JavaScript窗体特效是一种常见的网页交互设计,通过JavaScript代码可以实现各种动态效果,增强用户体验。在网页设计中,JavaScript被广泛用于处理用户与页面元素的交互,例如表单验证、动态内容加载、弹出对话框等。...
javascript常用对象及方法 javascript中有许多常用的对象和方法,了解这些对象和方法可以帮助我们更好地使用javascript。下面我们将详细介绍这些对象和方法。 一、窗口对象Window Window对象是javascript中的顶级...
在JavaScript中,`window`对象是全局对象,它是所有浏览器环境中可用的对象,代表了浏览器的整个窗口,包括文档和框架。这个对象提供了与浏览器窗口交互的各种方法和属性。本文将详细探讨`window`对象中的`event`...
在JavaScript编程领域,"prototype-windows-javascript实现窗体.rar"这个资源主要关注的是利用Prototype.js和Window.js这两个JavaScript插件来创建和管理Web上的弹出窗口。Prototype.js是一个广泛使用的JavaScript库...
在网页开发中,有时我们...通过以上技术,我们可以实现JavaScript中的父窗体与子窗体之间的数据交互,为用户提供更加丰富和灵活的界面体验。在实际项目中,应根据需求选择合适的通信方式,并考虑安全性和兼容性问题。
该函数的参数包括了输入框对象`obj`、id字段标识`idStr`、name字段标识`nameStr`、布尔值`bool`来决定是追加显示还是覆盖显示信息、另一个布尔值`boolSet`来决定是否同时显示id和name信息、窗体的宽度`widthNum`、...
这里,`this`代表当前页面实例,这样我们就可以在关闭子窗体的同时,通过JavaScript操作父窗体的浏览器窗口,从而达到刷新父窗体的目的,而不会像使用`Response.Redirect`那样弹出确认对话框。 需要注意的是,这种...
13. 某网页中有一个窗体对象,名称是mainForm,该窗体对象的第一个元素是按钮,名称是myButton,表述该按钮对象的方法是document.mainForm.myButton。 知识点:javascript文档对象模型,form对象和按钮对象的使用。...
《JavaScript入门经典(第3版)》首先介绍了JavaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《JavaScript入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《JavaScript入门经典...
在子窗体中使用`window.opener`对象来访问父窗体的属性和方法,并进行修改。通过这种方式,子窗体可以向父窗体传递信息。 在上述代码示例中,子窗体的`ReturnValue`函数通过`window.opener.document.form1....
12. 某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称是myButton,表述该按钮对象的方法是document.mainForm.myButton。 十三、HTML文档结构 13. HTML文档的树状结构中,标签为...
《JavaScript入门经典(第3版)》首先介绍了JavaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《JavaScript入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《JavaScript入门经典...
8.x部分介绍如何利用JavaScript与HTML窗体元素进行交互,包括获取用户输入,以及对不同HTML元素的控制。 ### 用 JavaScript 实现更复杂的交互 最后,9.x章节讨论了如何处理Web页面中的框架,学习如何在多框架环境中...
《JavaScript入门经典(第3版)》首先介绍了JavaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《JavaScript入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《JavaScript入门经典...
JavaScript中的`window`对象是浏览器环境中最核心的对象之一,它代表了浏览器的顶级窗口或整个浏览器视口。这个对象提供了很多与用户交互、页面导航、窗口控制和文档操作相关的属性和方法。以下是对`window`对象及其...
总的来说,`doPostBack`是ASP.NET中实现页面回发的关键工具,而在弹出窗体与父窗体间传递数据则需要利用各种JavaScript和ASP.NET的技术,包括URL参数、全局变量、Session/Cookie、`window.opener`以及HTML5的`post...