JavaScript技巧——限制用户不能将浏览器窗口拖得很小

有时，当用户将浏览器窗口拖得很小时，我们的页面可能会变得很难看。此时我们通常提供的一种解决方法是让页面出现滚动条，但是如果我们先前页面内部是让Div出现滚动条的，那么此时页面很可能就有双向滚动条，这样页面也不太美观。于是就想到了一种方法，页面有一个最小的宽度和高度，用户拖动浏览器窗口时，不能比这个最小的宽度和高度还要小。具体的代码如下：

代码

<script type="text/javascript">
    var minPageW = 700;//允许的最小的页面宽度
    var minPageH = 450;//允许的最小的页面高度
    var minWinW = 800;//允许的最小的窗口宽度
    var minWinH = 600;//允许的最小的窗口高度

    //控制页面的大小
    function controlPageSize() {
        var w = document.documentElement.clientWidth;
        //如果当前页面的宽度比允许的最小页面宽度还要小，则将窗口调整到允许的最小的宽度与高度
        if (w < minPageW) {
            w = minPageW;
            window.resizeTo(minWinW, minWinH);
        }

        var h = document.documentElement.clientHeight;
        //如果当前页面的高度比允许的最小页面高度还要小，则将窗口调整到允许的最小的宽度与高度
        if (h < minPageH) {
            h = minPageH;
            window.resizeTo(minWinW, minWinH);
        }

        return new Array(w, h);
    }

    jQuery(function($) {
        $(window).resize(function() {
            controlPageSize();
        });
    });
</script>