Question

JQ 怎么给一个<textarea></textarea>一个动态的高度

因为根据不同的屏幕的分辨率，我想用JQ先获取屏幕的高度，然后减去我固定层不变的高度。就是这个<textarea>的高度！请问我该怎么给它赋值呢？

Answer 1

$(document).ready(function(){ 
    alert($(window).height()); //浏览器当前窗口可视区域高度 
    alert($(document).height()); //浏览器当前窗口文档的高度 
    alert($(document.body).height());//浏览器当前窗口文档body的高度 
    alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin 
    alert($(window).width()); //浏览器当前窗口可视区域宽度 
    alert($(document).width());//浏览器当前窗口文档对象宽度 
    alert($(document.body).width());//浏览器当前窗口文档body的高度 
    alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin 
    alert(screen.height);//显示器分辨率，只能用JavaScript代码获 
    alert(screen.width); 
});

上面的方法可以根据自己的需求选择一个合适的，

然后。获取固定层的大小：

var fixedWidth = $("#fixed").width();
var fixedHeight = $("#fixed").height();

最后赋给textarea：

$("#textarea").width(bodyWidth - fixedWidth);
$("#textarea").height(bodyHeight - fixedHeight);