`
cd0281
  • 浏览: 124942 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

javascript中得到当前窗口的高和宽

JavaScript工作 
阅读更多
在javascript中得到当前窗口的高和宽  

<body><SCRIPT   LANGUAGE="JavaScript">  
var     s   =   "网页可见区域宽："+   document.body.clientWidth;  
s   +=   "\r\n网页可见区域高："+   document.body.clientHeight;  
s   +=   "\r\n网页可见区域高："+   document.body.offsetWeight   +"   (包括边线的宽)";  
s   +=   "\r\n网页可见区域高："+   document.body.offsetHeight   +"   (包括边线的宽)";  
s   +=   "\r\n网页正文全文宽："+   document.body.scrollWidth;  
s   +=   "\r\n网页正文全文高："+   document.body.scrollHeight;  
s   +=   "\r\n网页被卷去的高："+   document.body.scrollTop;  
s   +=   "\r\n网页被卷去的左："+   document.body.scrollLeft;  
s   +=   "\r\n网页正文部分上："+   window.screenTop;  
s   +=   "\r\n网页正文部分左："+   window.screenLeft;  
s   +=   "\r\n屏幕分辨率的高："+   window.screen.height;  
s   +=   "\r\n屏幕分辨率的宽："+   window.screen.width;  
s   +=   "\r\n屏幕可用工作区高度："+   window.screen.availHeight;  
s   +=   "\r\n屏幕可用工作区宽度："+   window.screen.availWidth;  
alert(s);  
</SCRIPT>
分享到：
| DHTML手册（web帮助文档）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    通过JS自动调整图片的大小以适应div的高和宽

    在JavaScript中，我们可以监听窗口的`resize`事件，当窗口大小改变时，重新计算图片的尺寸： ```javascript window.addEventListener('resize', function() { var container = document.querySelector('.image-...

    解决jQuery动态获取手机屏幕高和宽的问题

    首先，jQuery提供了`$(window).height()`和`$(window).width()`这两个方法来获取当前窗口（包括滚动条）的可视区域高度和宽度。然而，在某些情况下，特别是在页面加载的早期阶段，这些方法可能返回不准确的结果，...

    JavaScript中Window对象的属性及事件

    在Window对象的属性中，"innerHeight"和"innerWidth"属性分别返回浏览器窗口内部的高和宽，包括滚动条和工具栏等；"pageXOffset"和"pageYOffset"属性分别返回页面水平和垂直滚动的距离，这些属性常用于动态调整页面...

    网页制作填空题.pdf

    33. `window.close()`：JavaScript命令，用于关闭当前窗口。 34. 可伸展：表格的高和宽可以设置为固定值或可伸展，以适应不同屏幕尺寸。 35. CSS：层叠样式表，用于控制网页元素的样式和布局，提供了更精细的控制...

    jquery实现弹出div,始终显示在屏幕正中间的简单实例

    函数内部首先计算出当前浏览器窗口的高和宽，然后计算出窗口中垂直和水平方向上的中心位置。接着，获取当前窗口的滚动条位置，因为即使窗口有滚动条，我们也希望div元素始终显示在屏幕中心，而不是视窗中心。 具体...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...

    JS图片懒加载的优点及实现原理

    - `window.screen.height`、`window.screen.width`：屏幕分辨率的高和宽。 - `window.screen.availHeight`：屏幕可用工作区高度。 - `HTMLElement.offsetTop`：当前元素相对于其offsetParent元素的顶部距离。 - `...

Magicbox
Global site tag (gtag.js) - Google Analytics