如何获取webView的高度

如果要获取高度，在上面增加

_webviewdelegate = self;

再增加方法

- (void)webViewDidFinishLoad:(UIWebView )webView

{

//在这个方法中取高度

}

页面元素距离浏览器工作区顶端的距离  =  元素距离文档顶端偏移值  -   网页被卷起来的高度

即：

页面元素距离浏览器工作区顶端的距离 =  DOM元素对象offsetTop -documentdocumentElementscrollTop

介绍几个属性：（暂时只测了IE和firefox，实际上工作中用到的最多的是chrome）

网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度）

(javascript)        documentdocumentElementscrollTop //firefox

(javascript)        documentdocumentElementscrollLeft //firefox

(javascript)        documentbodyscrollTop //IE

(javascript)        documentbodyscrollLeft //IE

(jqurey)             $(window)scrollTop()

(jqurey)             $(window)scrollLeft()

网页工作区域的高度和宽度

(javascript)       documentdocumentElementclientHeight// IE firefox    

(jqurey)             $(window)height()

元素距离文档顶端和左边的偏移值

(javascript)        DOM元素对象offsetTop //IE firefox

(javascript)        DOM元素对象offsetLeft //IE firefox

(jqurey)             jq对象offset()top

(jqurey)             jq对象offset()left

你可以参考下面这个函数，这个函数是获取完整页面尺寸的函数（即你说的浏览器能看到的区域，不包括被滚动条卷去的区域）

-----------------------------js代码---------------------------------------------------------

<script>

function GetPageSize(){

var xScroll, yScroll;

if (windowinnerHeight && windowscrollMaxY) {

xScroll = documentbodyscrollWidth;

yScroll = windowinnerHeight + windowscrollMaxY;

} else if (documentbodyscrollHeight > documentbodyoffsetHeight){

xScroll = documentbodyscrollWidth;

yScroll = documentbodyscrollHeight;

} else {

xScroll = documentbodyoffsetWidth;

yScroll = documentbodyoffsetHeight;

}

var windowWidth, windowHeight;

if (selfinnerHeight) {

windowWidth = selfinnerWidth;

windowHeight = selfinnerHeight;

} else if (documentdocumentElement && documentdocumentElementclientHeight) {

windowWidth = documentdocumentElementclientWidth;

windowHeight = documentdocumentElementclientHeight;

} else if (documentbody) {

windowWidth = documentbodyclientWidth;

windowHeight = documentbodyclientHeight;

}

if(yScroll < windowHeight){

pageHeight = windowHeight;

} else {

pageHeight = yScroll;

}

if(xScroll < windowWidth){

pageWidth = windowWidth;

} else {

pageWidth = xScroll;

}

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)

return arrayPageSize;

}

alert(GetPageSize());

</script>

IE中： 

documentbodyclientWidth ==> BODY对象宽度 

documentbodyclientHeight ==> BODY对象高度 

documentdocumentElementclientWidth ==> 可见区域宽度 

documentdocumentElementclientHeight ==> 可见区域高度

FireFox中： 

documentbodyclientWidth ==> BODY对象宽度 

documentbodyclientHeight ==> BODY对象高度 

documentdocumentElementclientWidth ==> 可见区域宽度 

documentdocumentElementclientHeight ==> 可见区域高度

Opera中： 

documentbodyclientWidth ==> 可见区域宽度 

documentbodyclientHeight ==> 可见区域高度 

documentdocumentElementclientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽） 

documentdocumentElementclientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 

没有定义W3C的标准，则 

IE为： 

documentdocumentElementclientWidth ==> 0 

documentdocumentElementclientHeight ==> 0 

FireFox为： 

documentdocumentElementclientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽) 

documentdocumentElementclientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 

Opera为： 

documentdocumentElementclientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽） 

documentdocumentElementclientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 

网页可见区域宽： documentbodyclientWidth 

网页可见区域高： documentbodyclientHeight 

网页可见区域宽： documentbodyoffsetWidth (包括边线的宽) 

网页可见区域高： documentbodyoffsetHeight (包括边线的高) 

网页正文全文宽： documentbodyscrollWidth 

网页正文全文高： documentbodyscrollHeight 

网页被卷去的高： documentbodyscrollTop 

网页被卷去的左： documentbodyscrollLeft 

网页正文部分上： windowscreenTop 

网页正文部分左： windowscreenLeft 

屏幕分辨率的高： windowscreenheight 

屏幕分辨率的宽： windowscreenwidth 

屏幕可用工作区高度： windowscreenavailHeight 

屏幕可用工作区宽度： windowscreenavailWidth 

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 

scrollHeight: 获取对象的滚动高度。 

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 

scrollWidth:获取对象的滚动宽度 

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

eventclientX 相对文档的水平座标 

eventclientY 相对文档的垂直座标 

eventoffsetX 相对容器的水平坐标 

eventoffsetY 相对容器的垂直坐标 

documentdocumentElementscrollTop 垂直方向滚动的值 

eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量

示例：

var winWidth = 0; 

var winHeight = 0; 

function findDimensions() //函数：获取尺寸 

{ 

    //获取窗口宽度 

    if (windowinnerWidth) 

        winWidth = windowinnerWidth; 

    else if ((documentbody) && (documentbodyclientWidth)) 

        winWidth = documentbodyclientWidth; 

    //获取窗口高度 

    if (windowinnerHeight) 

        winHeight = windowinnerHeight; 

    else if ((documentbody) && (documentbodyclientHeight)) 

        winHeight = documentbodyclientHeight; 

    //通过深入Document内部对body进行检测，获取窗口大小 

    if (documentdocumentElement && documentdocumentElementclientHeight && documentdocumentElementclientWidth) 

    { 

        winHeight = documentdocumentElementclientHeight; 

        winWidth = documentdocumentElementclientWidth; 

    } 

    //结果输出至两个文本框 

    documentform1availHeightvalue= winHeight; 

    documentform1availWidthvalue= winWidth; 

} 

findDimensions(); 

//调用函数，获取数值 

windowonresize=findDimensions;

网页可见区域宽：documentbodyclientWidth

网页可见区域高：documentbodyclientHeight

网页可见区域宽：documentbodyoffsetWidth (包括边线的宽)

网页可见区域高：documentbodyoffsetHeight (包括边线的宽)

网页正文全文宽：documentbodyscrollWidth

网页正文全文高：documentbodyscrollHeight

网页被卷去的高：documentbodyscrollTop

网页被卷去的左：documentbodyscrollLeft

网页正文部分上：windowscreenTop

网页正文部分左：windowscreenLeft

屏幕分辨率的高：windowscreenheight

屏幕分辨率的宽：windowscreenwidth

屏幕可用工作区高度：windowscreenavailHeight

屏幕可用工作区宽度：windowscreenavailWidth

你所指的应该是网页所见区域高，即documentbodyclientHeight

PHP是无法获取屏幕的高度和宽度的，你可以用JS来获取

Javascript:

    网页可见区域宽： documentbodyclientWidth

网页可见区域高：

documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth

(包括边线的宽)

网页可见区域高： documentbodyoffsetHeight (包括边线的高)

网页正文全文宽：

documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高：

documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上：

windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高：

windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度：

windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

JQuery:

$(document)ready(function(){

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

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

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

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

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

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

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

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

})

页可见区域宽： documentbodyclientWidth

网页可见区域高： documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)

网页可见区域高： documentbodyoffsetHeight (包括边线的高)

网页正文全文宽： documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高： documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上： windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高： windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度： windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

以上就是关于如何获取webView的高度全部的内容，包括:如何获取webView的高度、如何获取元素距离页面顶部的高度、javascript如何获得网页可见区域的高度(不包括被滚动条卷去的内容) 就是你能看到的网页内容的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！