js的Window-浏览器对象

作者 : 开心源码 本文共646个字,预计阅读时间需要2分钟 发布时间: 2022-05-12 共234人阅读

浏览器对象模型(Browser Object Model (BOM))尚无正式标准。因为现代浏览器几乎实现了 JavaScript 交互性方面的相同方法和属性,因而常被认为是 BOM 的方法和属性。

Window 对象

所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。

js的Window-浏览器对象

Window 尺寸

有三种方法能够确定浏览器窗口的尺寸。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

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

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

对于 Internet Explorer 8、7、6、5:

  • document.documentElement.clientHeight

  • document.documentElement.clientWidth

或者者

  • document.body.clientHeight

  • document.body.clientWidth

js的Window-浏览器对象

其余 Window 方法

  • window.open() – 打开新窗口

  • window.close() – 关闭当前窗口

  • window.moveTo() – 移动当前窗口

  • window.resizeTo() – 调整当前窗口的尺寸

总结:这里主要详情了window的浏览器方面的属性和方法,一般使用使用于获取标签位置、滑动等方面。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » js的Window-浏览器对象

发表回复