Javascript 识别车身的宽度和高度

我需要一个小脚本，它允许我这样做：

if(// window body Height is less then 660px) {
       // code to be executed if condition is true 
} 
else { 
      // code to be executed if condition is false 
}

希望有一个简单的解决办法

编辑：

我现在有：

$(document).ready(function(){  
                       
if(parseInt($('body').height())<660){
    $("#container").addClass("small");
}
else{
    $("#container").removeClass("small");
}
 });

$（文档）.ready（函数（）{
if（parseInt（$（'body'）.height（））
if（parseInt（$（'body'）.height（））
if（parseInt（$（'body'）.height（））给你：

$( window ).resize(function () {
    $( container ).toggleClass( 'small', $( window ).height() < 660 );
}).triggerHandler( 'resize' );

$（窗口）。调整大小（函数（）{
$（容器）.toggleClass（'small'，$（window）.height（）<660）；
}).triggerHandler（'resize'）；

其中，
container
是对
#container
元素的引用

.triggerHandler（）
将手动触发调整大小事件（该事件反过来将执行上述调整大小处理程序），因此上述代码可用于重新调整大小和页面加载。
给您：

$( window ).resize(function () {
    $( container ).toggleClass( 'small', $( window ).height() < 660 );
}).triggerHandler( 'resize' );

$（窗口）。调整大小（函数（）{
$（容器）.toggleClass（'small'，$（window）.height（）<660）；
}).triggerHandler（'resize'）；

其中，
container
是对
#container
元素的引用

.triggerHandler（）
将手动触发调整大小事件（这反过来将执行上面的调整大小处理程序），因此上面的代码在重新调整大小和页面加载时都可以工作。
我想我会为后代指出这一点。在某些情况下，您可能需要（
主体的整个高度
）元素，而不仅仅是
height
属性。用于获取该属性

注意，打开Firebug/Chrome控制台

body {
  padding: 10px;
  margin: 25px;
}

<p>This is a test</p>

console.log($('body').height());
console.log($('body').outerHeight(true));


要解决这个问题，可以使用
html
：

console.log('html: '+$('html').height());
console.log('html: '+$('html').outerHeight(true));
console.log('body: '+$('body').height());
console.log('body: '+$('body').outerHeight(true));

这将给你：

html: 90
html: 90
body: 20
body: 90

我想我会为后代指出这一点。在某些情况下，您可能需要（
body
）元素的整个高度，而不仅仅是
height
属性。请使用获取该值

注意，打开Firebug/Chrome控制台

body {
  padding: 10px;
  margin: 25px;
}

<p>This is a test</p>

console.log($('body').height());
console.log($('body').outerHeight(true));


要解决这个问题，可以使用
html
：

console.log('html: '+$('html').height());
console.log('html: '+$('html').outerHeight(true));
console.log('body: '+$('body').height());
console.log('body: '+$('body').outerHeight(true));

这将给你：

html: 90
html: 90
body: 20
body: 90

他从来没有说过他使用jQuery…我不是要-1，只是说，@Cipi-它在他的标记中。Andy，你可能还想在高度上显示
parseInt（）
。另外，显示
.outerHeight（true）选项
可能有用。哦，是的，对不起…没有看到jQuery标记。我通常只是签入jQuery标记，所以我自动认为每个人都想要一个jQuery解决方案。@Andy-这可能只是我的妄想症，我总是试图确保正确的类型被选中。他从来没有说过他使用jQuery…我不会-1，只是说。@Cipi-它在他的标签。安迪，你可能也想在高度上显示
parseInt（）
。另外，显示
.outerHeight（true）选项
可能有用。哦，是的，对不起……没有看到jQuery标记。我通常只是检查jQuery标记，所以我自动认为每个人都想要一个jQuery解决方案。@Andy-这可能只是我的妄想症，我总是试图确保检查正确的类型。它不一定等于身高，但很可能是他想要的yway@Andy是的，主体/文档高度是一个不同的值，但我假设OP想要视口高度。我喜欢它！这正是我所需要的，谢谢！：D，也感谢其他人对我的主题做出的回应！它不一定等于主体高度，但很可能是他想要的anyway@Andy是，正文/文档高度t是一个不同的值，但我假设OP需要视口高度。我喜欢它！这正是我所需要的，谢谢！：D，也感谢其他人对我的主题做出的回应！你是指视口高度（网页显示区域的高度）还是指文档高度（网页的高度）虽然您可能没有意识到这是一个重要的信息。“乔纳森，在这种情况下，我建议<代码> $（‘HTML’）。Head（）/code >获取这个值的非jQuery方法将是<代码>文档.Debug元素.OffSETHeIt 。还考虑运行这个代码“OnResiSe”（每当用户重新调整浏览器窗口的大小）。.@Šime Vidas也完全是onresize！但是如何…？很抱歉，这是视口，而不是文档高度..顺便问一下，请检查我的编辑您是指视口高度（网页显示区域的高度）还是文档高度（网页的高度）虽然您可能没有意识到这是一个重要的信息。“乔纳森，在这种情况下，我建议<代码> $（‘HTML’）。Head（）/code >获取这个值的非jQuery方法将是<代码>文档.Debug元素.OffSETHeIt 。还考虑运行这个代码“OnResiSe”（每当用户重新调整浏览器窗口的大小）。.@Šime Vidas也确实是onresize！但是如何..？很抱歉，这是视口，而不是文档高度..顺便检查一下我的编辑B如果
$（'body'）
替换为
$（'html'）
，则在这两种情况下记录的值都将是90。因此，如果对网页高度感兴趣，
$（'html'）。height（）
是我认为最方便的方法。这是一个很好的观点，我可以理解为什么它会起作用。我把（
正文
）放在那里，以防有人出于其他原因（不仅仅是
正文
），但在这种情况下寻找
html
，与使用
.outerHeight（true）一样有利可图
，据我所知。顺便说一句，如果
$（'body'）
被
$（'html'）
替换为
$（'html'），在这两种情况下，记录的值都是90。因此，如果你对网页的高度感兴趣，
$（'html'）。height（）
是我认为最方便的方法。这是一个很好的观点，我可以理解为什么这样做。我离开了（
body
）以防有人出于其他原因（不仅仅是
body
）看到它，但在这种情况下寻找
html
，就我所知，与使用
.outerHeight（true）
一样有利可图。