首页 > 代码库 > javascript Browser 对象

javascript Browser 对象

项目刚刚上线了几个版本,终于可以小憩一下了,闲来无事,翻阅了一下runoob,想巩固一下知识,然后在javascript中发现了这么一个目录Browser对象。突然发现自己貌似经常使用这一块的东西,但是貌似了解的不是很全面,没有具体的全面看过。所以专门的查看并实验了一下。


 

Window对象

这个对象有如下属性:(我大致分了一下类别。只是按照自己的理解简单分类。)
1. document           对Document对象的只读引用。

    history               对History对象的只读引用。

    navigator            对Navigator对象的只读引用。

    screen                对Screen对象的只读引用。

2. location              用于窗口或框架的 Location 对象。

    self                    返回对当前窗口的引用。等价于 Window 属性。常用于window.top!=window.self来判断是否是顶层

3. name                 设置或返回窗口的名称。名称常见于myWindow=window.open(‘‘,‘MsgWindow‘,‘width=200,height=100‘);这个第二个参数处。

    closed                返回窗口是否已被关闭。

                             话说第一眼在看这个的时候满脸懵b。这有什么用。后来看了demo,常用于:var myWindow=window.open("","","width=400,height=200");类似情况。可控制新打开页面,常与window.close(),window.open()方法一起使用。

    parent                返回父窗口。

    top                    返回最顶层的父窗口。

 

    opener               返回对创建此窗口的窗口的引用。

    frames               返回窗口中所有命名的框架。(所有的iframe都算,不管有无src都算。以数组形式返回。)

    length                设置或返回窗口中的框架数量。(所有的iframe都算。数量与frames中的数组个数一致。ps:理论上来说是这样的。如果有什么不对欢迎指出。)

4. innerHeight        返回窗口的文档显示区的高度,不包含工具条与滚动条,下同。

    innerWidth         返回窗口的文档显示区的宽度。

    outerHeight       返回窗口的外部高度,包含工具条与滚动条,下同。

    outerWidth        返回窗口的外部宽度。

    pageXOffset       设置或返回当前页面相对于窗口显示区左上角的 X 位置。

    pageYOffset       设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

    screenLeft          返回相对于屏幕窗口的x坐标。(火狐不支持这个属性,下同)

    screenTop          返回相对于屏幕窗口的y坐标。

    screenX             返回相对于屏幕窗口的x坐标。(ie不支持这个属性,所以想使用的时候可以与上面方法一起使用,实现全浏览器兼容。下同)

    screenY             返回相对于屏幕窗口的y坐标。

 

5. defaultStatus     设置或返回窗口状态栏中的默认文本。(只有Opera兼容。无明显意义。)

 

    status               设置窗口状态栏的文本。(只有Opera兼容。无明显意义。)

这个对象有如下方法:(常见的可以直接写的都是window底下的方法)

alert()                 显示带有一段消息和一个确认按钮的警告框。
blur()                 把键盘焦点从顶层窗口移开。
clearInterval()     取消由 setInterval() 设置的 timeout。
clearTimeout()     取消由 setTimeout() 方法设置的 timeout。
close()                关闭浏览器窗口。
confirm()            显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup()     创建一个 pop-up 窗口。
focus()               把键盘焦点给予一个窗口。
moveBy()           可相对窗口的当前坐标把它移动指定的像素。
moveTo()           把窗口的左上角移动到一个指定的坐标。
open()                打开一个新的浏览器窗口或查找一个已命名的窗口。
print()                打印当前窗口的内容。
prompt()            显示可提示用户输入的对话框。
resizeBy()           按照指定的像素调整窗口的大小。
resizeTo()           把窗口的大小调整到指定的宽度和高度。
scroll()               (window.scrollTo is effectively the same as this method,即与scrollTo一致)
scrollBy()           按照指定的像素值来滚动内容。
scrollTo()           把内容滚动到指定的坐标。
setInterval()       按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout()      在指定的毫秒数后调用函数或计算表达式。


 未完待续~~

javascript Browser 对象