博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
window.innerWidth和window.innerHeight
阅读量:6353 次
发布时间:2019-06-22

本文共 579 字,大约阅读时间需要 1 分钟。

hot3.png

有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。

对于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

实用的 JavaScript 方案(涵盖所有浏览器):

实例

var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;

转载于:https://my.oschina.net/lirongfei/blog/165153

你可能感兴趣的文章
《超越需求:敏捷思维模式下的分析》目录—导读
查看>>
如何在 Linux 上使用 BackupPC 来架设跨平台的备份服务器
查看>>
《Python Cookbook(第2版)中文版》——1.22 在标准输出中打印Unicode字符
查看>>
盘点互联网巨头奉献的十大开源安全工具
查看>>
Windows 和 Ubuntu 双系统完全独立的安装方法
查看>>
删除 Ubuntu Linux 系统旧内核的方法
查看>>
Java基础-19总结IO流,异常try…catch,throws,File类
查看>>
Operating Principle and Implementation of Flink: Memory Management
查看>>
webview和js交互
查看>>
云服务器ECS安全组实践(二)
查看>>
如何精确地测量java对象的大小
查看>>
HugePage优点缺点大盘点
查看>>
[LeetCode]--389. Find the Difference
查看>>
Fiddler (六) 最常用的快捷键
查看>>
老司机的微服务架构实现,照亮你的人生 | 朱攀
查看>>
【阿里招聘】三个与阿里初恋的故事
查看>>
MySQL数字类型int与tinyint、float与decimal如何选择
查看>>
Git远程01:git remote相关操作
查看>>
PostgreSQL · 特性分析 · 统计信息计算方法
查看>>
Struts2中的ModelDriven机制及其运用
查看>>