码迷,mamicode.com
首页 > Web开发 > 详细

js设置height随窗口大小改变

时间:2015-08-25 18:33:11      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

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

(ps,css中使用max-height, min-height,js中使用minHeight, maxHeight)

<head>

<script type="text/javascript">

     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部分始终在最下方)

 

<body onload="setHeight();" onresize=" setHeight()">

 

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

 

<div id=" primary" class="area" 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>

 

js设置height随窗口大小改变

标签:

原文地址:http://www.cnblogs.com/chickenbeer/p/4757735.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!