jsp页面控制表格的高度

Abson_Jack 发布于 2014/06/16 19:08
阅读 4K+
收藏 0
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆页面</title>
<script type="text/javascript">
	function height() {
		if (window.innerHeight)
			winHeight = window.innerHeight;
		else if ((document.body) && (document.body.clientHeight))
			winHeight = document.body.clientHeight;
		alert(winHeight);
	}
</script>

</head>
<body style="margin: auto;">
	<table border="1" width="100%">
		<tr>
			<td colspan="2">欢迎,这是后台登陆页面</td>
		</tr>
		<tr>
			<td style="width: 20%" height="100%">菜单栏</td>
			<td>工作区</td>
		</tr>
	</table>
</body>
</html>

表格的高度设置100%不能到达浏览器的底部,我用JavaScript来获取到浏览器的高度,想通过获取高度的值,设置到表格的height属性中,请问有什么方法可以实现?



加载中
0
Abson_Jack
Abson_Jack
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后台页面</title>
</head>
<body style="margin: auto;">
	<table id="table_id" border="1" width="100%" height="">
		<tr height="10%">
			<td colspan="2" align="center"><h2 style="color: red;">欢迎,这是后台登陆页面</h2></td>
		</tr>
		<tr>
			<td style="width: 10%" align="center" valign="top">菜单栏
				<hr> <a target="iframe" href="http://www.baidu.com">菜单栏</a><br>
				<a href="">菜单栏</a><br> <a href="">菜单栏</a><br> <a href="">菜单栏</a><br>
				<a href="">菜单栏</a><br>
			</td>
			<td><iframe name="iframe" frameborder="0" width="100%"
					height="100%"></iframe></td>
		</tr>
	</table>
	<script type="text/javascript">
	if (window.innerHeight)
		winHeight = window.innerHeight;
	else if ((document.body) && (document.body.clientHeight))
		winHeight = document.body.clientHeight;
	alert(winHeight);
	document.getElementById("table_id").setAttribute("height",winHeight);
</script>
</body>
</html>

好吧,我去看了HTML DOM的api,原来我setAttitude方法理解错了...和修改html元素文本域的值混淆到一起,再次谢谢,上面帮助过我的人!

0
純白陰影
純白陰影
内边距  外边距  边框都设置成0
0
Abson_Jack
Abson_Jack
34有给点思路给我,不是隐藏边框的
0
Beyond-Bit
Beyond-Bit

你已经设置成100%了,就不能通过js动态设置了.

可以默认一个 height=“XXX”   ,然后通过js获取浏览器的高度设置。  

Abson_Jack
Abson_Jack
我想设置table的高,我有个思路是在标签设置height="",然后js判断浏览器窗口有没变化,再获取浏览器高的值,然后在把值赋给height,最后我一直纠结在怎样把值给到height上面...
0
Beyond-Bit
Beyond-Bit
哎呦,那这个简单了啊!jquery 语法  $("#表格Id") .height(XXX);
Abson_Jack
Abson_Jack
jquery目前我还没接触到,我想用HTML DOM来操作的,大致知道操作了,我再研究一下,谢谢你
返回顶部
顶部