JS如何获取页面可见区域高度

windowdocumentbodyclientHeight就可以

windowscreenavailWidth 返回当前屏幕宽度(空白空间)

windowscreenavailHeight 返回当前屏幕高度(空白空间)

windowscreenwidth 返回当前屏幕宽度(分辨率值)

windowscreenheight 返回当前屏幕高度(分辨率值)

windowdocumentbodyoffsetHeight; 返回当前网页高度

windowdocumentbodyoffsetWidth; 返回当前网页宽度

我们这里说说四种浏览器对 documentbody 的 clientHeight、offsetHeight 和 scrollHeight 的解释。

这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。

clientHeight

大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

offsetHeight

IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。

NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

scrollHeight

IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。

NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。

简单地说

clientHeight 就是透过浏览器看内容的这个区域高度。

NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度，只不过当网页内容高度小于等于 clientHeight 时，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小于 clientHeight。

IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。

同理

clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同，只是把高度换成宽度即可。

=======================================================================

clientHeight与offsetHeight的区别

许多文章已经介绍了clientHeight和offsetHeight的区别，就是clientHeight的值不包括scrollbar的高度，而offsetHeight的值包括了scrollbar的高度。然而，clientHeight和offsetHeight的值到底由什么组成的呢？如何计算这两个数的值？

1 clientHeight和offsetHeight的值由什么决定？

假如我们有以下的DIV，主要显示的文字为"This is the main body of DIV"。

如上图所示，clientHeight的值由DIV内容的实际高度和CSS中的padding值决定，而offsetHeight的值由DIV内容的实际高度，CSS中的padding值，scrollbar的高度和DIV的border值决定；至于CSS中的margin值，则不会影响clientHeight和offsetHeight的值。

2 CSS中的Height值对clientHeight和offsetHeight有什么影响？

首先，我们看一下CSS中Height定义的是什么的高度。如在本文最后部分“APPENDIX示例代码”（注：以下称为“示例代码”）中，innerDIVClass的Height值设定为50px，在IE下计算出来的值如下所示。也就是说，在IE里面，CSS中的Height值定义了DIV包括padding在内的高度（即offsetHeight的值）；在Firefox里面，CSS中的Height值只定义的DIV实际内容的高度，padding并没有包括在这个值里面(70 = 50 + 10 2)。

in IE:

innerDivclientHeight: 46

innerDivoffsetHeight: 50

outerDivclientHeight: 0

outerDivoffsetHeight: 264

in Firfox:

innerDivclientHeight: 70

innerDivoffsetHeight: 74

outerDivclientHeight: 348

outerDivoffsetHeight: 362

在上面的示例中，也许你会很奇怪，为什么在IE里面outerDivclientHeight的值为0。那是因为示例代码中，没有定义outerDIVClass的Height值，这时，在IE里面，则clientHeight的值是无法计算的。同样，在示例代码中，如果将innerDIVClass中的Height值去年，则innerDIVclientHeight的值也为0。(注：在Firefox下不存在这种情况)。

如果CSS中Height值小于DIV要显示内容的高度的时候呢（当CSS中没有定义overflow的行为时）？在IE里面，整个clientHeight（或者offsetHeight）的值并没有影响，DIV会自动被撑大；而在Firefox里面，DIV是不会被撑开的。如在示例代码中，将innerDivClass的Height值设为0，则计算结果如下所示。IE里面的DIV被撑开，其clientHeight值等于内容的高度与padding2的和；而Firefox里面，文字将溢出DIV的边界，其clientHeight值正好是padding值的两倍。

In IE:

innerDivclientHeight: 38

innerDivoffsetHeight: 42

outerDivclientHeight: 0

outerDivoffsetHeight: 256

In Firefox:

innerDivclientHeight: 20

innerDivoffsetHeight: 24

outerDivclientHeight: 298

outerDivoffsetHeight: 312

js 怎样获取字型的宽度和高度 比如9pt这样大小的文字

字型的高宽，这个没法量的，因为好多字型，不同字元下大小不一样，比如 a 就是比 i 宽。

我猜你的问题应该是应该是获取一个具有特定字型，字号的字串的宽度和高度吧。

你可以新建一个span标签，隐藏标签，把你的字串放进去，赋上你想要的字型，字号。然后度量这个span的宽度和宽度就好了。这个span的宽高就是字串的宽高。

JS根据字号获取字型的宽度

给元素然后取他的clientHeight就OK了

Java怎么获取字串的宽度和高度, java 能获取到文字所使用某种字型后的宽度及高度吗

字串没有高和宽的概念，这是一个伪命题，请考虑重新修改问题；

如果你值的是在ui上显示字串的控制元件的高和宽，那么需要获取到这个控制元件的例项，然后呼叫控制元件的响应函式，比如getHeight之列的方法来获取你想要的资讯。

8开大小的纸的宽度和高度

宽是555厘米/高是37厘米。绝对正确

190A喷码机怎样调字型的宽度，高度

是金诺的190A吧，调字型的大小只要用滑鼠选中所要调节的字，再根据需要调节字型的大小即可，主要是要用滑鼠选好字了

火狐书签栏怎样改变宽度，高度以及字型的大小

不可以直接调节宽度，但可以把其他栏关闭来增加其宽度，

1、开启浏览器，

2、右键标签栏空白处，

3、出现以下选项，并把外挂栏和其他与其同一行的栏去勾选即可。

怎样获取UIWebView 的文字的高度

#import"ViewControllerh"

@interfaceViewController()

@property(nonatomic,strong)UIWebViewwebView;

@end

@implementationViewController

- (void)viewDidLoad {

[superviewDidLoad];

_webView= [[UIWebViewalloc]initWithFrame:CGRectMake(0,0,selfviewframesizewidth,1)]; 1随便多少,不能为0

_webViewdelegate=self;

[selfviewaddSubview:_webView];

_webViewscalesPageToFit=YES;

NSURLRequestrequest =[NSURLRequestrequestWithURL:[NSURLURLWithString:@":1921681123:3199/5/Html5Article/ArticleDetailaid=7e15de0a-20be-11e6-a7ad-78e3b5a9d432"]];

[_webViewloadRequest:request];

}

- (void)webViewDidFinishLoad:(UIWebView)webView{

CGFloatsizeHeight = [[webViewstringByEvaluatingJavaScriptFromString:@"documentbodyoffsetHeight;"]floatValue];

NSLog(@"contentWebView sizeHeight====%f",sizeHeight 05); 05自认为是画素的问题

1039pt=多少大小的字型

1pt=03514（美国，日本）

1pt=03528（美国）

103903514=365

3654=146Q

15Q就可以了

textview中每个文字的高度和宽度，有办法获取吗

webviewgetContentHeight(); 获取内容高度 获取内容宽度的话。。除非通过js伺服器那边返回，，

1、documentbodyclientWidth;//网页可见区域宽

2、documentbodyclientHeight;//网页可见区域高

3、documentbodyoffsetWidth;//网页可见区域宽(包括边线的宽)

4、documentbodyoffsetHeight;//网页可见区域高(包括边线的高)

5、documentbodyscrollWidth;//网页正文全文宽

6、windowscreenavailHeight;//屏幕可用工作区高度

7、windowscreenavailWidth;//屏幕可用工作区宽度

8、alert($(documentbody)outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin

9、alert($(documentbody)width());//浏览器时下窗口文档body的高度

扩展资料：

1、alert($(window)height()); //浏览器时下窗口可视区域高度

2、alert($(document)height()); //浏览器时下窗口文档的高度

3、alert($(documentbody)height());//浏览器时下窗口文档body的高度

4、alert($(documentbody)outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin

5、alert($(window)width()); //浏览器时下窗口可视区域宽度

6、alert($(document)width());//浏览器时下窗口文档对于象宽度

7、alert($(document)scrollTop()); //获取滚动条到顶部的垂直高度

8、alert($(document)scrollLeft()); //获取滚动条到左边的垂直宽度

Javascript:

网页可见区域宽 document body clientWidth

网页可见区域高 document body clientHeight

网页可见区域宽 document body offsetWidth (包括边线的宽)

网页可见区域高 document body offsetHeight (包括边线的高)

网页正文全文宽 document body scrollWidth

网页正文全文高 document body scrollHeight

网页被卷去的高 document body scrollTop

网页被卷去的左 document body scrollLeft

网页正文部分上 window screenTop

网页正文部分左 window screenLeft

屏幕分辨率的高 window screen height

屏幕分辨率的宽 window screen width

屏幕可用工作区高度 window screen availHeight

屏幕可用工作区宽度 window screen availWidth

JQuery:

$(document) ready(function(){

alert($(window) height()); //浏览器当前窗口可视区域高度

alert($(document) height()); //浏览器当前窗口文档的高度

alert($(document body) height());//浏览器当前窗口文档body的高度

alert($(document body) outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window) width()); //浏览器当前窗口可视区域宽度

alert($(document) width());//浏览器当前窗口文档对象宽度

alert($(document body) width());//浏览器当前窗口文档body的宽度

alert($(document body) outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

lishixinzhi/Article/program/Java/JSP/201311/20160

以上就是关于JS如何获取页面可见区域高度全部的内容，包括:JS如何获取页面可见区域高度、js 怎样获取字型的宽度和高度 比如9pt这样大小的文字、JS获取body的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！