javascript Browser 对象

Posted 2020-09-13 木头耕田

项目刚刚上线了几个版本，终于可以小憩一下了，闲来无事，翻阅了一下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()      在指定的毫秒数后调用函数或计算表达式。

---

 未完待续~~