看我的JS代码哪里有问题，js动态调整表格宽度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 请调整浏览器窗口 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312">
</meta></head>
<body>
<h2 align="center"> 请调整浏览器窗口大小 </h2><hr />
<form action="#" method="get" name="form1" id="form1">
<!-- 显示浏览器窗口的实际尺寸 -->浏览器窗口 的 实际高度 : <input type="text" name="availHeight" size="4"/><br />
浏览器窗口 的 实际宽度 : <input type="text" name="availWidth" size="4"/><br />
</form>
<script type="text/javascript">
<!--
var winWidth = 0;
var winHeight = 0;
function findDimensions() // 函数：获取尺寸
{
// 获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
// 获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
// 通过深入 Document 内部对 body 进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
// 结果输出至两个文本框
document.form1.availHeight.value= winHeight;
document.form1.availWidth.value= winWidth;
if(winWidth < 1000){
document.getElementById("table_m").width="1000";
}
}
findDimensions();
// 调用函数，获取数值
window.onresize=findDimensions;
//-->
</script>
<table id="table_m"  width="100%"> <tr><td width="206" height="200">固定 <img src=""  width="206" /></td><td  width="100%" align="center"><table border="0" cellspacing="0" vspace="0" width="95%"><tr><td align="center" height="190" bgcolor="#999999">可变</td></tr></table></td><td width="206">固定<img src=""  width="206" /></td></tr></table> 
</body>
</html>这样可以实现但是我把
if(winWidth < 1000){
document.getElementById("table_m").width="1000";
}
改为
if(winWidth < 1000){
document.getElementById("table_m").width="1000";
}else{
document.getElementById("table_m").width="100%";
}目的是当浏览器的窗口宽度小于1000是固定表格大小，大于1000时表格还原为100%，上面能运行的是如果小于1000可以固定，但是不能还原。我做了测试。只能设置一次表格的宽度，第二次设置表格整个函数就不运行了高手来看啊

解决方案 »

  1.   

    没细看代码，仅从楼主下面的要求（这样的事情，最好先说需求和问题，最后上代码。很烦一进来先看到一堆不知干什么的代码）看，其实用两句CSS的设定就解决了，何至于这么长一段JS呢。看看CSS的min-width，就是指定最小宽度的，设为1000不就得了？大于时100%就是让CSS的width:100%就行了。
      

  2.   

    作前台的话，凡是视觉方面的事情，尽量从HTML，CSS去解决，而且用它们也是最合适的。最后才用JS，不要凡事上来就JS。