javascript - 动态更新浏览器窗口高度

Question

我有一个页面：- default.aspx。

我可以通过 css 改变它的高度：-

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    width: 919px;
    height: 850px;
}

只需增加适当参数的高度或减少。

但我正在尝试实现一个 javascript 功能，在单击按钮时会启动某个功能（onclienclick）。现在有了这个功能，添加的元素被添加到页面上，因此我希望页面大小也增加。再次单击同一按钮，元素消失，所以我希望页面高度减小。我正在考虑类似于以下的代码（但显然我的语法不正确）。任何人都可以帮忙吗？

$('main').css(‘height’) = 1186px; ????

Answer 1

十分简单。

$('.main').css('height',1186);

它需要包含在括号内。此外，jQuery 假定数字是 px，因此您不需要显式调用 px。如果你想花哨，你可以使用原生 DOM 名称：

$('.main').css({height:1186});

没有区别，只是将来的参考，以防您想要多个声明，您可以一次完成所有操作：

$('.main').css({
    height:1186,
    width:800,
    backgroundColor:'red',
    lineHeight:25,
    color:'blue',
    boxShadow:'0 0 10px rgb(0,0,0)'
});

你可以做一些疯狂的事情！

Answer 2

由于您使用的是 jQuery：

$('.main').height(1186);

参考：http ://api.jquery.com/height/#height2

Answer 3

您忘记了类名，值进入函数内部。你的引号也是混合的。完整的点击功能看起来像这样。

$("a.classname").click(function(){
    $(".main").css({ "height" : "1186px" });
});