如何用JQ让DIV的height值获得浏览器窗口高度

用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%;

}

1、新建一个html文件。

2、为了更好区分，会创建两个按钮标签，然后给这两个按钮标签添加不同的id。

3、引入jquery文件（注：jquery的引入路径一定要正确）。

4、创建加载完成函数，然后创建一个点击按钮获取当前id的函数。

5、保存好html文件后使用浏览器打开，然后点击按钮即可看到点击的id。

6、页面所有代码，如有不懂可把所有代码复制到新建的html文件上，然后修改引入的jquery文件即可。

js取得浏览器的高度并赋值给div的步骤如下：

1">

2请调整浏览器窗口大小</h2><hr /><form action="#" method="get" name="form1" id="form1"><!--

3显示浏览器窗口的实际尺寸-->浏览器窗口 的 实际高    度: <input type="text" name="availHeight" size="4"/><br />

4浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"/><br /></form><script type="text/javascript"><!-- var winWidth = 0;var winHeight = 0;function findDimensions()

5//函数：获取尺寸{//获取窗口宽度if (windowinnerWidth)winWidth = windowinnerWidth;else if ((documentbody) && (documentbodyclientWidth))winWidth = documentbodyclientWidth;//获取窗口高度documentform1availHeightvalue= winHeight;documentform1availWidthvalue= winWidth;}findDimensions();//调用函数，获取数值windowonresize=findDimensions;//--></script></body></html>

以上就是关于如何用JQ让DIV的height值获得浏览器窗口高度全部的内容，包括:如何用JQ让DIV的height值获得浏览器窗口高度、jQ如何获得网页实际高度、如何用 js 取得浏览器的高度并赋值给div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！