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

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

一、获取浏览器的高度：

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

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

<script>

var w=documentdocumentElementdocumentdocumentElementclientHeight:documentbodyclientHeight;

alert(w);

</script>

二、获取浏览器的宽度：

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

原生态JS代码：

var w=documentdocumentElementdocumentdocumentElementclientWidth:documentbodyclientWidth;

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

})

webviewaddjavascriptinterface可以调用android代码

android可以获得屏幕高度

DisplayMetrics dm = new DisplayMetrics();

getWindowManager()getDefaultDisplay()getMetrics(dm);

int height = dmheightPixels//这个就是屏幕高度了。

webViewaddJavascriptInterface(new WebAppInterface(this), "Android");

这个就创立了一个接口名，叫“Android”，运行在WebView中的JS代码可以通过这个名字调用WebAppInterface类中的showToast()方法：

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">

function showAndroidToast(toast)

{

AndroidshowToast(toast);

}

</script>

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()); //获取滚动条到左边的垂直宽度

获取代码如下：

<script>

var w=documentdocumentElementdocumentdocumentElementclientHeight:documentbodyclientHeight;

alert(w);

</script>

获取浏览器的高度：jquery代码直接使用 $(window)height()。

获取浏览器的宽度：

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

原生态JS代码：

var w=documentdocumentElementdocumentdocumentElementclientWidth:documentbodyclientWidth。

jquery:

高度：$(window)height()

宽度：$(window)width();

浮动定位：$(option)css({top:(($(window)height()-$(option)height())/2)+'px'})

option 为你的浮动框识别class或识别id

documentgetElementById("div")offsetHeight；这个是获取元素高度。

getElementById("div") 里的div要换成自己的id值就可以了

function autodivheight() { //函数：获取尺寸

    //获取浏览器窗口高度

    var winHeight = 0;

    if (windowinnerHeight) {

        winHeight = windowinnerHeight;

    } else if ((documentbody) && (documentbodyclientHeight)) {

        winHeight = documentbodyclientHeight;

    }

    //通过深入Document内部对body进行检测，获取浏览器窗口高度

    if (documentdocumentElement && documentdocumentElementclientHeight) {

        winHeight = documentdocumentElementclientHeight;

    }

    //DIV高度为浏览器窗口的高度

    documentgetElementById("login_body")styleheight = winHeight + "px";

}

//浏览器窗口变化时

windowonresize = function () {

    autodivheight(); //浏览器窗口发生变化时同时变化DIV高度

}

//浏览器重新加载时

windowonload = function () {

    autodivheight(); //浏览器窗口发生变化时同时变化DIV高度

}

以上就是关于jquery js获取移动设备浏览器高度全部的内容，包括:jquery js获取移动设备浏览器高度、JS和jquery获取各种屏幕的宽度和高度、android 开发中 怎么用js获取手机屏幕高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！