固定窗体大小,该如何解决
日期：2014-05-17 浏览次数：20631 次
固定窗体大小
问题：
当我打开一个窗体的时候，用鼠标拖动窗体边框，改变其大小。当缩小窗体大小到一定值时，固定窗体大小，不能再缩小。
请问：
如何用js实现？
------解决方案--------------------
问题：
当我打开一个窗体的时候，用鼠标拖动窗体边框，改变其大小。当缩小窗体大小到一定值时，固定窗体大小，不能再缩小。
请问：
如何用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';
}
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
