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

原创 2015年07月10日 14:12:02

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


相关文章推荐

Javascript获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

var wid=100; document.getElementById("someid").style.width=wid; 设置高度 /********************  ...

浏览器窗口大小改变时,动态改变div高度和宽度

header、footer高度固定,aside宽度固定,当浏览器窗口大小改变时,动态改变aside高度,content高度和宽度。 html changeble ...

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:document.body.offsetW...

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offse...

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid...

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offse...
  • tearsmo
  • tearsmo
  • 2011年10月19日 09:41
  • 713

JS 获取浏览器窗口大小--获取屏幕、浏览器、网页高度宽度及经典示例

JS 获取浏览器窗口大小--获取屏幕、浏览器、网页高度宽度及经典示例 JS 获取浏览器窗口大小 网页可见区域 网页可见区域宽:document.body.clientWidth 网页可见区域...

js获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

原文地址 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body...

Javascript获取屏幕、浏览器窗口 ,网页高度、宽度等参数

Javascript获取获取屏幕、浏览器窗口 ,浏览器,网页高度、宽度的大小 网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.cl...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript在不同浏览器设置窗口高度、宽度,改变窗口大小
举报原因:
原因补充:

(最多只允许输入30个字)