首页 > 代码库 > 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返回最顶层的先辈窗口。
windowwindow 属性等价于 self 属性,它包含了对窗口自身的引用。
  • screenLeft

  • screenTop

  • screenX

  • screenY

只读整数。声明了窗口的左上角在屏幕上的的 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 对象。