`

获得window,body的各种高度,宽度

阅读更多
<SCRIPT  LANGUAGE="JavaScript">  
var    s  =  "";  
s  +=  "\r\n网页可见区域宽:"+  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> 

 

分享到:
评论

相关推荐

    基于EXTJS插件制作的弹出提示窗口.rar

     在窗体设置css 宽度,高度,高度重要,后面要更新,因为调节大小设的也是css高度宽度,初始设置css高度为了和后期统一处理,如果初始不设置css高度,getComputedHeight 随着第一次添加button变化,设置了css高度,...

    jQuery获取页面及个元素高度、宽度的总结——超实用

    下面把jQuery获取页面及个元素高度、宽度的方法汇总,分享给大家。 获取浏览器显示区域(可视区域)的高度 :  代码如下: $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : 代码如下: $(window)....

    微信小程序中使元素占满整个屏幕高度实现方法

    屏幕高度在网页中为:window.innerHeight; 在微信小程序中则需要调用wx.getSystemInfo接口,然后通过setData赋值 但是显然通过js来进行的,效率上肯定不如css直接给定样式。 于是我们使用另一种方法: 在网页中设置...

    js获得页面的高度和宽度的方法

    尝试了几种方式,比如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方法之后,发现都不是我想要的结果,后来发现了一个高效的方法,立刻大家分享之: 在需要取高度和宽度的地方加...

    js获取浏览器和屏幕的各种宽度高度

    window.innerHeight浏览器窗口的内部高度; window.innerWidth浏览器窗口的内部宽度; 2.对于IE8.7.6.5: document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度; document.documentElement....

    JQuery获取当前屏幕的高度宽度的实现代码

    代码如下: [removed] $(document).ready(function() { alert&#40;$(window&#41;.height()); //浏览器当前窗口可视区域高度 alert&#40;...//浏览器当前窗口文档body的总高度 包括border padding margin alert

    准确获得页面、窗口高度及宽度的JS

    if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight &gt; document....

    scrollLeft,scrollTop等等详解.pdf

    网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight;...屏幕可用工作区高度: window.screen.availHeight; 屏幕可用工作区宽度:window.screen.availWidth;

    jQuery 获取屏幕高度、宽度的简单实现案例

    做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。 alert&#40;...//浏览器当前窗口文档body的总高度 包括border padding margin alert&#40;$(window&#41;.width()); //浏览器当前窗口可视区域

    使用jquery中height()方法获取各种高度大全

    代码如下:alert&#40;$(window&#41;...//浏览器当前窗口文档body的总高度 包括border padding margin alert&#40;$(window&#41;.width()); //浏览器当前窗口可视区域宽度 alert&#40;$(document&#41;.width());/

    Js与Jq获取浏览器和对象值的方法

    JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍。 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==&gt; ...

    Js与Jq 获取页面元素值的方法和差异对比

    JS与Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍。 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==&gt; ...

    javascript常用对象梳理

    Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法...

    js关于不同浏览器的不同之处

    window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率...

    JS获取屏幕高度的简单实现代码

    window对象的innerwidth属性包含当前窗口的内部宽度。window对象的innerheight属性包含当前窗口的内部高度。 document对象的body属性对应html文档的标签。document对象的documentelement属性则表

    使元素占满整个屏幕高度,修改swiper 圆点样式

    屏幕高度在网页中为:window.innerHeight; 在微信小程序中则需要调用wx.getSystemInfo接口,然后通过setData赋值 但是显然通过js来进行的,效率上肯定不如css直接给定样式。 于是我们使用另一种方法: 在网页中设置...

    js使用小技巧

    s += " 屏幕可用工作区高度:"+ window.screen.availHeight; s += " 屏幕可用工作区宽度:"+ window.screen.availWidth; //过滤数字 &lt;input type=text onkeypress="return event.keyCode&gt;=48&&event.keyCode||...

    js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法

    如下所示: screen.width ...window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth || document.documentElement.clientWidth || docum

    JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

    获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的...

    JS获取页面窗口大小的代码解读

    本节代码主要使用了Document对象... Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。 Document对象的body属性对应HTML文档的&lt;body&gt;标签。Document对

Global site tag (gtag.js) - Google Analytics