Javascript 动态更新浏览器窗口的高度

我有一个页面：-default.aspx

我可以通过css更改其高度：-

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

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

但是我正在尝试实现一个javascript功能，在这里，单击一个按钮就会启动一个特定的功能（onclineclick）。现在有了这个函数，页面上添加了元素，因此我希望页面大小也能增加。再次单击同一按钮，元素消失，因此我希望页面高度降低。我正在考虑一个类似于下面的代码（但显然我的语法不正确）。有人能帮忙吗

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

简单的豌豆

$('.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)'
});

---

你可以做一些疯狂的事情

因为您使用的是jQuery：

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

---

引用：

您忘记了类名，而值进入了函数内部。此外，您的引号是混合的。一个完整的点击功能应该是这样的

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

---

不要忘记您的选择器需要包含一个。在类名之前。