固定窗体大小
问题:
当我打开一个窗体的时候,用鼠标拖动窗体边框,改变其大小。当缩小窗体大小到一定值时,固定窗体大小,不能再缩小。
请问:
如何用js实现?
[解决办法]
<!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撑开页面,让其出现滚动条,从而使页面中的布局不发生变化。
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'; }}