javascript浏览器对象模型 BOM

浏览器对象模型尚无正是标准

window对象

全局变量是window对象的属性

全局函数是window对象的方法

window尺寸

1. 对于Internet Explorer、Chrome、Firefox、Opera以及Safari

  • window.innerHeight -  浏览器窗口的内部高度(包括滚动条)
  • window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)

2. 对于Internet Explorer8、7、6、5

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

或者

  • document.body.clientHeight
  • document.body.clientWidth

window对象属性

1. closed:返回窗口是否已被关闭(window.closed)

2. defaultStatus:设置返回窗口状态栏中的默认文本(只有opera支持)

3. docement:对Document对象的只读引用。

4. frames:返回窗口中所有命名的框架。该集合是Window对象中的数组,每个Window对象在窗口中含有一个框架

  • var frames = window.frames; 通过frames.length获取<iframe></iframe>框架的数量

5. history:对history对象的只读引用

6. innerHeight、innerWidth 返回窗口文档显示区的高度、宽度

7. localStorage:在浏览器中存储key/value对,没有过期时间。

  • localStorage.setItem(key, value) 和 localstorage.getItem(key) 分别设置和读取localStorage

8. length:设置或返回窗口中框架数量

9. name:设置或返回窗口的名称

10. navigator:对navigator对象的只读引用

11. opener:返回对创建此窗口的窗口的引用

  • 当使用window.open()打开一个窗口,您可以使用此属性返回来自目标窗口源(父)窗口的详细信息

12. outerHeight、outerWidth:返回窗口的外部高度、宽度,包含工具条和滚动条(IE8及更早IE版本不支持该属性)

  • get:window.outerWidth;window.outerHeight
  • set:window.outerWidth=pixels;window.outerHeight=pixels

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

  • pageXOffset 和 pageYOffset 属性返回文档在窗口左上角水平和垂直方向滚动的像素。
  • pageXOffset 和 pageYOffset 属性相等于 scrollX 和 scrollY 属性

14. parent:返回当前窗口的父窗口

15. screen:对Screen对象的只读引用

16. screenLeft、screenTop 返回相对于屏幕窗口的X坐标、Y坐标

  • 该属性火狐不支持,火狐浏览器使用window.screenX 、window.screenY

17. screenX、screenY属性返回窗口相对于屏幕的X和Y坐标。

  • IE不支持, IE浏览器使用。 window.screenLeft 和 windwo.screenTop获得相同的值

18. self:返回对当前窗口的引用。等价于 Window 属性

19. status:设置窗口状态栏的文本(只有opera支持)

20. top:返回最顶层的父窗口

window对象方法

1. alter:显示带有一段消息和一个确认按钮的警告框

2. blur:把键盘焦点从顶层窗口移开

3. clearInterval、clearTimeout:取消定时器

4. close:关闭浏览器窗口

5. confirm:显示一个带有一段消息以及确认按钮和取消按钮的对话框

6. createPopup:创建一个pop-up 窗口

7. focus:把键盘焦点给予一个窗口

8. moveBy:可相对窗口的当前坐标把它移动指定的像素

9. moveTo:把窗口的左上角移动到一个指定的坐标

moveBy 和 moveTo区别:moveTo移动到指定的位置,moveBy相对于之前的位置移动指定像素。

10. 打开一个新的浏览器窗口或查找一个已命名的窗口

语法:window.open(url, name, features, replace)

参数:url新窗口中显示的文档url,如果省略或者这个它的值为空,新窗口就不会显示任何文档

name:字符串,声明新窗口的名称。这个名称可以用标记<a>和<from>属性target的值,如果该参数只当一个已经存在的窗口,那么open()方法就不再创建一个新窗口,而只是返回指定窗口的引用。

features:一个可选的字符串,声明了新窗口要显示的标准浏览器的特征

replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目

11. print:打印当前窗口的内容

12. prompt:显示可提示用户输入的对话框

语法:prompt(text, defaultText)

13. resizeBy:按照指定的像素调整窗口的大小

14. resizeTo:把窗口的大小调整到指定的宽度和高度

15. scrollBy:按照指定的像素值来滚动内容

16. scrollTo:把内容滚动到指定的坐标

17. setInterval、setTimeout设置定时器

猜你喜欢

转载自blog.csdn.net/loren_123/article/details/81561619