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

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

一、获取浏览器的高度：

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

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

<script>

var w=documentdocumentElementdocumentdocumentElementclientHeight:documentbodyclientHeight;

alert(w);

</script>

二、获取浏览器的宽度：

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

原生态JS代码：

var w=documentdocumentElementdocumentdocumentElementclientWidth:documentbodyclientWidth;

用jq的话 你可以这样改改

<script type="text/javascript">

function initMainHeight(){

let Mainheight = $(window)height();

if(Mainheight>1){

$("main_bg")css({height:Mainheight+"px"});}

}

$(document)ready(initMainHeight);

$(window)on("resize",initMainHeight);

</script>

不过你这个效果完全就可以用css实现

可以这样写

main_bg{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

}

jquery获取img宽高的 *** 作方法和步骤如下：

1、首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。

2、其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。

3、接着，可以在css方法中设置。需要注意的是，里面有大括号，并且该属性用双引号引起来，如下图所示。

4、然后，完成上述步骤后，要同时设置多个属性，请使用逗号分隔多个属性，如下图所示。

5、随后，完成上述步骤后，打开hbuilder上方的浏览器小图标并开始预览，如下图所示。

6、最后，完成上述步骤后，观看效果，如下图所示。这样，问题就解决了。

1方法如下：

获取浏览器显示区域（可视区域）的高度 ：

$(window)height();

获取浏览器显示区域（可视区域）的宽度 ：

$(window)width();

获取页面的文档高度

$(document)height();

获取页面的文档宽度 ：

$(document)width();

浏览器当前窗口文档body的高度：

$(documentbody)height();

浏览器当前窗口文档body的宽度：

$(documentbody)width();

获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

$(document)scrollTop();

获取滚动条到左边的垂直宽度 ：

$(document)scrollLeft();

获取或设置元素的宽度：

$(obj)width();

获取或设置元素的高度：

$(obj)height();

某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）

某个元素的左边界到body最左边的距离：objoffset()left;（在元素的包含元素不含滚动条的情况下）

返回当前元素的上边界到它的包含元素的上边界的偏移量：objoffset()top（在元素的包含元素含滚动条的情况下）

返回当前元素的左边界到它的包含元素的左边界的偏移量：objoffset()left（在元素的包含元素含滚动条的情况下）

2代码如下：

//返回当前页面高度

function pageHeight(){

if($browsermsie){

return documentcompatMode == "CSS1Compat" documentdocumentElementclientHeight :

documentbodyclientHeight;

}else{

return selfinnerHeight;

}

};

//返回当前页面宽度

function pageWidth(){

if($browsermsie){

return documentcompatMode == "CSS1Compat" documentdocumentElementclientWidth :

documentbodyclientWidth;

}else{

return selfinnerWidth;

}

};

获取浏览器显示区域的高度 ： $(window)height();

获取浏览器显示区域的宽度 ：$(window)width();

获取页面的文档高度 ：$(document)height();

获取页面的文档宽度 ：$(document)width();

获取滚动条到顶部的垂直高度 ：$(document)scrollTop();

获取滚动条到左边的垂直宽度 ：$(document)scrollLeft();

计算元素位置和偏移量：$(id)offset();

offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。

offset(options, results)

optionsrelativeTo指定相对计

算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。

optionsscroll是否把

滚动条计算在内，默认TRUE

optionspadding是否把padding计算在内，默认false

optionsmargin

是否把margin计算在内，默认true

optionsborder是否把边框计算在内，默认true

子页面控制父页面：

parentdocumentdocumentElementscrollTop;

parentdocumentdocumentElementclientHeight;

$(window)scroll(function(){//滚动条距离顶部的距离

var scrollT = $(window)scrollTop();

$("body")attr("top", scrollT );

});

$(window)scroll(function(){//滚动条距离下面的距离

var s_top=$(window)scrollTop();

var s_w=$(window)height();

var s_d=$(document)height();

var s_s=s_d-(s_top+s_w);

$("body")attr("bottom",s_s);

if(s_s==0){

}

});

不用客气随便拿去，你有更好的写法，期待你的分享

以上就是关于jquery js获取移动设备浏览器高度全部的内容，包括:jquery js获取移动设备浏览器高度、如何用JQ让DIV的height值获得浏览器窗口高度、jquery获取img宽高等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！