首页 > 代码库 > Javascript学习--------认识window窗口对象
Javascript学习--------认识window窗口对象
window对象:
Window 对象表示浏览器中打开的窗口。
可以通过window对象设置窗口的大小,位置等。
还可以控制是否加载网页等。
window对象集合:
集合 | 描述 |
---|---|
frames[] | 返回窗口中所有命名的框架。 该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。 |
window对象属性:
属性 | 描述 |
---|---|
closed | 返回窗口是否已被关闭。 |
defaultStatus | 设置或返回窗口状态栏中的默认文本。 |
document | 对 Document 对象的只读引用。请参阅 Document 对象。 |
history | 对 History 对象的只读引用。请参数 History 对象。 |
innerheight | 返回窗口的文档显示区的高度。 |
innerwidth | 返回窗口的文档显示区的宽度。 |
length | 设置或返回窗口中的框架数量。 |
location | 用于窗口或框架的 Location 对象。请参阅 Location 对象。 |
name | 设置或返回窗口的名称。 |
Navigator | 对 Navigator 对象的只读引用。请参数 Navigator 对象。 |
opener | 返回对创建此窗口的窗口的引用。 |
outerheight | 返回窗口的外部高度。 |
outerwidth | 返回窗口的外部宽度。 |
pageXOffset | 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 |
pageYOffset | 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 |
parent | 返回父窗口。 |
Screen | 对 Screen 对象的只读引用。请参数 Screen 对象。 |
self | 返回对当前窗口的引用。等价于 Window 属性。 |
status | 设置窗口状态栏的文本。 |
top | 返回最顶层的先辈窗口。 |
window | window 属性等价于 self 属性,它包含了对窗口自身的引用。 |
| 只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。 |
注1:closed对象:
当浏览器窗口关闭时,表示该窗口的 Windows 对象并不会消失,它将继续存在,不过它的 closed 属性将设置为 true。
参考示例:
//创建窗口 function myWindow(){ myWindow = window.open(‘‘,‘‘,‘width=200,height=100‘); myWindow.document.write("this is my window"); } //检测窗口是否关闭 function isCloseWindow(){ if(myWindow.closed){ document.write("closed"); } else{ document.write("not closed"); } }
注2:history对象:
History 对象包含用户(在浏览器窗口中)访问过的 URL。
history对象的属性:length
history对象的方法:
back():加载history列表中前一个URL。
forword():加载history列表中后一个URL。
go():加载history列表中某个具体的页面。
注3:innerHeight,innerWidth属性
只读属性,声明了窗口的文档显示区的高度和宽度,以像素计。
这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。
IE 不支持这些属性。
它用 document.documentElement 或 document.body (与 IE 的版本相关)
的 clientWidth 和 clientHeight 属性作为替代。
注4:location对象:http://www.w3school.com.cn/jsref/dom_obj_location.asp
window对象的方法:
方法 | 描述 |
---|---|
alert() | 显示带有一段消息和一个确认按钮的警告框。 |
blur() | 把键盘焦点从顶层窗口移开。 |
clearInterval() | 取消由 setInterval() 设置的 timeout。 |
clearTimeout() | 取消由 setTimeout() 方法设置的 timeout。 |
close() | 关闭浏览器窗口。 |
confirm() | 显示带有一段消息以及确认按钮和取消按钮的对话框。 |
focus() | 把键盘焦点给予一个窗口。 |
moveBy() | 可相对窗口的当前坐标把它移动指定的像素。 |
moveTo() | 把窗口的左上角移动到一个指定的坐标。 |
open() | 打开一个新的浏览器窗口或查找一个已命名的窗口。 |
print() | 打印当前窗口的内容。 |
prompt() | 显示可提示用户输入的对话框。 |
resizeBy() | 按照指定的像素调整窗口的大小。 |
resizeTo() | 把窗口的大小调整到指定的宽度和高度。 |
scrollBy() | 按照指定的像素值来滚动内容。 |
scrollTo() | 把内容滚动到指定的坐标。 |
setInterval() | 按照指定的周期(以毫秒计)来调用函数或计算表达式。 |
setTimeout() | 在指定的毫秒数后调用函数或计算表达式。 |
注1:
close()方法:只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。
这阻止了恶意的脚本终止用户的浏览器。
注2:
open()方法:语法:window.open(URL,name,features,replace)
注3:
setInterval()和setTimeout()
setTimeout() 只执行 code 一次。如果要多次调用,使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
清除时钟用:clearTimeout();
window对象的描述:
window对象是一个全局对象。
window.document可以写作document
window.alert()可以写作alert()
Window 对象的 window 属性和 self 属性引用的都是它自己。
另外:
parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。