js设置height随窗口大小改变

1. js 写function，设置div=primary部分的最大和最小高度

（ps，css中使用max-height, min-height,js中使用minHeight, maxHeight）

<head>

function setHeight()

{

var max_height = document.documentElement.clientHeight-105;

var primary = document.getElementByIdx_x('primary');

primary.style.minHeight = max_height+"px";

primary.style.maxHeight = max_height+"px";

}

</script>

</head>

2. 页面载入时，执行function，设置最大最小高度。onresize，当窗口大小改变时，相应的改变高度。

（ps：css文件中加入滚动条的设置, ex. #primary{ overflow-y:auto; 超出最大高度时，滚动条出现；最小高度，可保证页面的foot部分始终在最下方）

3. 为了使第一部分中js的设置函数生效，div中应该添加style=""

================================

另一种手动设置不同的分辨率指向不同的页面（笨方法）

把它做成3中不同分辨率的JS然后用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<!-- saved from url=(0011)about:blank --> 
<HTML> 
<script LANGUAGE="JavaScript"> 
<!-- Begin 
function redirectPage() { 
var url1280x1024 = "页面一"; 
var url800x600 = "页面二"; 
var url1024x768 = "页面三"; 
if ((screen.width == 1280) && (screen.height == 1024)) 
window.location.href= url640x480; 
else if ((screen.width == 800) && (screen.height == 600)) 
window.location.href= url800x600; 
else if ((screen.width == 1024) && (screen.height == 768)) 
window.location.href= url1024x768; 
else window.location.href= url640x480; 
} 
// End --> 
</script> 

<HEAD> 
<META http-equiv=Content-Type content="text/html; charset=unicode"> 
<META content="MSHTML 6.00.2900.2722" name=GENERATOR></HEAD> 
<body onload="redirectPage()"></body></HTML>