jquery - window.height() 不工作？试图获得窗口的宽度

Question

我想为窗口的高度和宽度制作一个 div，但高度不起作用。这是我到目前为止尝试过的代码

<style>
.box { display:block; background:#0FC;}
</style>
<body>
<div class="box">
anc
</div>

<script>
    var height= $(window).height();
    var width=$(window).width();

    $(".box").width() = width;
    $(".box").height() = height;
</script>

我做错了什么吗？如果是这样，那么您能否向我展示正确的代码！非常感谢

score 4 · Accepted Answer

首先，您缺少 document.ready 并且您使用错误的语句来定义高度和宽度。

<script>
$(function(){
    var height= $(window).height();
    var width=$(window).width();

    $(".box").width(width);
    $(".box").height(height);

});
</script>

对于设置width，您需要将其作为参数传递。

score 1 · Accepted Answer

它应该是这样的

$(function(){
  var height= $(window).height();
  var width=$(window).width();
  $(".box").height(height);
  $(".box").width(width);
  });

http://api.jquery.com/height/
http://api.jquery.com/width/

score 1 · Accepted Answer

var height= $(window).height();
    var width=$(window).width();

    $(".box").width(width);
    $(".box").height(height);

演示： -http: //jsfiddle.net/YXGNW/

score 0 · Accepted Answer

你不需要jquery：

window.innerHeight

window.innerWidth

document.body.clientWidth

document.body.clientHeight

文档比您查看文档的窗口大得多

jquery - window.height() 不工作？试图获得窗口的宽度

4 回答 4

Related

Reference