我有一个页面:-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; ????
最佳答案
简单易行。
$('.main').css('height',1186);
它需要包含在括号内。另外,jQuery 假定数字是 px,因此您不需要显式调用 px。如果您想要更花哨,您可以使用 native 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)'
});
你可以做一些疯狂的事情!
关于javascript - 动态更新浏览器窗口的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16679517/