动态获取浏览器高度 改变容器大小

google docs的页面，会随着浏览器的高度改变而自动变化，于是自己也想模仿下，就做了个简单的页面，一个div容器的高度用js来设置，分享这个残疾的代码
<script type="text/javascript">
var screenHeight = document.body.clientHeight;
var splitpane = document.getElementById("splitpane").style;
splitpane.height = screenHeight-126+"px";
</script>
貌似可以使用，但是却发现了问题，想请教下大家。
1、当页面使用xhtml时lientHeight，失效了，我不知道是为什么，然后发现google都用的<html>，改成<html>就可以了
2、google docs只要改变浏览器大小，容器的高度就会跟着改变，我这个确必须得刷新，是不是要判断如果高度改变，就从新读去浏览器的clientHeight呢？还是怎么实现的呢。。
看起来容易做起来难我也去网上找找答案，希望大家帮忙。