jquery js获取移动设备浏览器高度

在js使用过程中可能会根据要求获取浏览器高度和宽度。

一、获取浏览器的高度：

jquery代码直接使用 $(window)height();

原生态JS代码需要考虑页面DOCTYPE的声明，使用以下代码：

<script>

var w=documentdocumentElementdocumentdocumentElementclientHeight:documentbodyclientHeight;

alert(w);

</script>

二、获取浏览器的宽度：

jquery代码直接使用 $(window)With();

原生态JS代码：

var w=documentdocumentElementdocumentdocumentElementclientWidth:documentbodyclientWidth;

function AdjustColumnsHeight() {

    var mainCol = windowdocumentgetElementById('MainColumn');

    var leftCol = windowdocumentgetElementById('MainLeft');

    var rightCol = windowdocumentgetElementById('MainRight');

    var hMainCol =  mainCol offsetHeight;

    var hLeftCol = leftColoffsetHeight;

    var hRightCol = rightColoffsetHeight;

    var maxHeight = Mathmax( hMainCol , Mathmax(hLeftCol, hRightCol));

    mainColstyleheight = maxHeight + 'px';

    leftColstyleheight = maxHeight + 'px';

    rightColstyleheight = maxHeight + 'px';

}

上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

用我的这个代码你测试下!

<script>

var flag=false;

function DrawImage(ImgD,FitWidth,FitHeight){

var image=new Image();

imagesrc=ImgDsrc;

if(imagewidth>0 && imageheight>0){

flag=true;

if(imagewidth/imageheight>= FitWidth/FitHeight){

if(imagewidth>FitWidth){

ImgDwidth=FitWidth;

ImgDheight=(imageheightFitWidth)/imagewidth;

}else{

ImgDwidth=imagewidth;

ImgDheight=imageheight;

}

}

else{

if(imageheight>FitHeight){

ImgDheight=FitHeight;

ImgDwidth=(imagewidthFitHeight)/imageheight;

}else{

ImgDwidth=imagewidth;

ImgDheight=imageheight;

}

}

}

}

</script>

---------------------------------------------------------------

调用:

<img border=0 src=123jpg onload="javascript:DrawImage(this,500,400);">

其中:宽=500，高=400 可以修改

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:

网页可见区域宽：

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

})

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域，仅为页面呈现区域)的高度和宽度

宽度：documentdocumentElementclientWidth

高度：documentdocumentElementclientHeight

文档类型：XHTML10

浏览器：ALL

以上就是关于jquery js获取移动设备浏览器高度全部的内容，包括:jquery js获取移动设备浏览器高度、如何用js获取div的高度、js如何获取图片的高和宽根据我的部分代码添加完善，谢谢！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！