获取浏览器窗口的大小

< html >

< head >

< title > 获取浏览器窗口的大小 </ title >

</ head >

< body >

< script type ="text/javascript" >

<!--

var winWidth = 0 ;

var winHeight = 0 ;

// 获得窗口宽度

if (window.innerWidth) {

document.write( " innerWidth<br> " );

winWidth = window.innerWidth;

} else if ((document.body) && (document.body.clientWidth)) {

winWidth = document.body.clientWidth;

}

// 获得窗口高度

if (window.innerHeight) {

document.write( " innerHeight<br> " );

winHeight = window.innerHeight;

} else if ((document.body) && (document.body.clientHeight)) {

winHeight = document.body.clientHeight;

}

if (document.documnetElement && document.documnetElement.clientHeight && document.documnetElement.clientWidth) {

alert( " documnetElement<br> " );

winWidth = document.documnetElement.clientWidth;

winHeight = document.documnetElement.clientHeight;

}

document.write( " 浏览器窗口实际宽度: " + winWidth + " <br> " );

document.write( " 浏览器窗口实际高度: " + winHeight);

// -->

</ script >

</ body >

</ html >

输出结果如下：
浏览器窗口实际宽度: 858
浏览器窗口实际高度: 598

posted on 2007-03-11 12:57 阿蜜果阅读(1247) 评论(1) 编辑收藏所属分类: 芝麻粒知识

FeedBack:

# re: 获取浏览器窗口的大小

2007-04-11 14:08 | @#$%

我很想知道
你怎么实现的这种样式
也下了源码看看了一下，
不过发现好麻烦啊，
做出这种效果真的需要这么麻烦吗
还是你有什么诀窍
回复更多评论

新用户注册刷新评论列表


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理
相关文章: 获取浏览器窗口的大小显示浏览器名称和版本号 document.links[].href的使用举例 document.close()和document.open()的使用 html的定位和相关属性----document.location的使用 html中通过js获得上次修改日期使用html的框架举例显示全屏窗口的js

2024年4月

日

一

二

三

四

五

六

      生活将我们磨圆，是为了让我们滚得更远——“圆”来如此。
      我的作品：
  玩转Axure RP （2015年12月出版）

Power Designer系统分析与建模实战（2015年7月出版）

Struts2+Hibernate3+Spring2 （2010年5月出版）

留言簿(262)

随笔分类

随笔档案

文章分类

相册

关注blog

积分与排名

最新评论

阅读排行榜

评论排行榜