javascript在不同浏览器设置窗口高度、宽度，改变窗口大小

63 阅读 0 评论 42 点赞

我是靠谱客的博主干净羽毛，最近开发中收集的这篇文章主要介绍javascript在不同浏览器设置窗口高度、宽度，改变窗口大小，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1、在ie9、Firefox、chrome、opera、safari等浏览器里：

window.innerHeight —— 可以获得浏览器窗口的内部高度

window.innerWidth —— 可以获得浏览器窗口的内部宽度

2、在ie5到ie8 浏览器里：

document.documentElement.clientHeight —— 获取HTML文档所在窗口的当前高度

document.documentElement.clientWidth —— 获取HTML文档所在窗口的当前宽度

------------------------

document对象中的body属性对应于html文档中的标签<body>。相应高度宽度的获取：

document.body.clientHeight

document.body.clientWidth

实用的 JavaScript 方案，可在不同浏览器中使用：

var w= document.documentElement.clientWidth || document.body.clientWidth;//如果前一个值不存在，则取后一个值，否则赋值前一个值给w
var h= document.documentElement.clientHeight || document.body.clientHeight;//如果前一个值不存在，则取后一个值，否则赋值前一个值给h