网页的高度自动适应

在做网页的时候,我们都知道,宽度一般除了设置为固定的像素值(例如100px)外,还可以设置为一个百分比(例如90%)。但同样的需求,对于高度则没那么容易,如果你尝试设置为百分比,你会遗憾的发现没有效果。

但是可以通过下面的脚本完成这个任务

<script language="javascript" type="text/javascript">

        window.onload = function() { resize(); }
        function resize() {
            var h = document.body.scrollHeight-200; //弹窗高度将根据页面内容高度自动调整
            row2.height = h;//假设页面上有一个表格来定位
        }
    </script>

posted @ 2009-03-06 16:12  陈希章  阅读(605)  评论(0编辑  收藏  举报