用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重新封装resize代码，可以监听几乎所有html标签，比如text、p、div、span等。$(function(){
// Bind the resize event When any test element's size changes, update its
// corresponding info div
$('test')resize(function(){
var elem = $(this);
// Update the info div width and height - replace this with your own code
// to do something useful!
elemclosest('container')find('info')
text( thistagName + ' width: ' + elemwidth() + ', height: ' + elemheight() );});// Update all info divs immediately
$('test')resize();
// Add text after inline "add text" links
$('add_text')click(function(e){
epreventDefault();
$(this)parent()append( ' Adding some more text, to grow the parent container!' );});// Resize manually when the link is clicked, but only for the first paragraph
$(this)parent()resize();});});看一下官方介绍吧，里面有几个例子！jquery resize event
jq可以直接使用$("div")获得所有div，但是如果要具体到一个div的话，需要给div一个标记，然后通过html就可以获取值了。
<div id="divId" class="divClass"> 内容 </div>/jq 代码 jq选择器/
$("#divId")html();
$("divClass")html();
可以使用offset()方法来获取元素距离浏览器的边距，offset()
方法返回或设置匹配元素相对于文档的偏移（位置）。
工具原料：编辑器、浏览器
1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度，简单的代码示例如下：
<body style="margin: 0;padding: 0;">
<div style="width: 200px;height: 200px;border: 1px solid red;margin-top:100px;"></div>
<script>
alert($('div')offset()top);
</script>
</body>
2、因为div距离顶部的距离是100像素，所以d出的应该是100，如下图：
以上就是关于如何用JQ让DIV的height值获得浏览器窗口高度全部的内容，包括:如何用JQ让DIV的height值获得浏览器窗口高度、JQuery如何监听一个DIV宽高的变化、jquery中怎么获取div中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）