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


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

网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:document.body.offsetW...
  • lpy3654321
  • lpy3654321
  • 2014年02月13日 16:36
  • 9305

前端总结之html:窗口大小改变页面

学前端有一段时间了,想总结的一致没时间,今天开始写吧! 万事开头难,今天开始写希望能坚持! 当写页面时,我们都会遇到用户会拉伸窗口,改变窗口的大小。比如我们先写一个div,在页面代码中有注释帮助阅读。...
  • SchopenhauerZhang
  • SchopenhauerZhang
  • 2016年11月19日 11:51
  • 6502

【CSS】三列布局(左右div固定宽度,中间div随浏览器窗口自适应变化宽度)

以前在网上看到过,说这个问题是一道经典的笔试/面试题。当时在百度面试的时候果然就遇到过。昨天在兰亭的时候果然又遇到了。其实,这个题目确实考到了Css几个方面的很重要的基础知识。首先考到了定位中的方法中...
  • Coding_Fox
  • Coding_Fox
  • 2015年09月16日 21:26
  • 3485

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

var wid=100; document.getElementById("someid").style.width=wid; 设置高度 /********************  ...
  • peace_of_soul
  • peace_of_soul
  • 2014年12月15日 14:22
  • 403

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

header、footer高度固定,aside宽度固定,当浏览器窗口大小改变时,动态改变aside高度,content高度和宽度。 html changeble ...
  • weigangyuta
  • weigangyuta
  • 2017年03月09日 19:44
  • 243

js获取浏览器窗口宽度、高度 判断浏览器窗口大小改变

  • 2013年03月11日 12:58
  • 2KB
  • 下载

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

网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:document.body.offse...
  • yiyuhanmeng
  • yiyuhanmeng
  • 2012年05月08日 15:38
  • 817

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

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetW...
  • hraceo
  • hraceo
  • 2013年12月07日 14:40
  • 352

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

源地址:http://www.cnblogs.com/top5/archive/2009/05/07/1452135.html 网页可见区域宽:document.body...
  • qukaiwei
  • qukaiwei
  • 2015年11月18日 19:24
  • 223

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

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度 网页可见区域宽:document.body.clientWidt...
  • museions
  • museions
  • 2017年08月21日 16:59
  • 112
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript在不同浏览器设置窗口高度、宽度,改变窗口大小
举报原因:
原因补充:

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