固定窗体大小,该如何解决-HTML教程-爱易网页

固定窗体大小,该如何解决

日期：2014-05-17　浏览次数：20697 次

固定窗体大小
问题：
当我打开一个窗体的时候，用鼠标拖动窗体边框，改变其大小。当缩小窗体大小到一定值时，固定窗体大小，不能再缩小。

请问：
如何用js实现？

------解决方案--------------------

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
        <style>
        
        </style>
    </head>
    <body>
        <div id="a"></div>
        <div id="b"></div>
        <script>
            var $ = function(id){
                return document.getElementById(id);
            };
            window.onresize = function(){
                $('a').innerHTML =  document.documentElement.clientWidth
                $('b').innerHTML =  document.documentElement.clientHeight
                var minWidth = 900;
                var minHeight = 500;
                if( document.documentElement.clientWidth < minWidth && document.documentElement.clientHeight < minHeight ){
                    window.resizeTo(minWidth, minHeight);

                }
            }
        </script>
    </body>
</html>

------解决方案--------------------
resizeTo要对弹出的窗口才前效

------解决方案--------------------
这个需求无法达到。
只能要body或div撑开页面，让其出现滚动条，从而使页面中的布局不发生变化。
JScript code
window.onresize = function(){
    $('a').innerHTML =  document.documentElement.clientWidth
    $('b').innerHTML =  document.documentElement.clientHeight
    var minWidth = 900;
    var minHeight = 500;
    if( document.documentElement.clientWidth < minWidth && document.documentElement.clientHeight < minHeight ){
        document.body.style.width = minWidth + 'px';
        document.body.style.height = minHeight + 'px';

    }
}