<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>My JSP 'MyJsp.jsp' starting page</title>
<script type="text/javascript">
function s1(){
document.getElementById("divcenter").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("divcenter").offsetHeight)/2)+"px";
document.getElementById("divcenter").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("divcenter").offsetWidth)/2)+"px";
}
window.οnscrοll=s1;
window.οnresize=s1;
window.οnlοad=s1;
</script>
</head>
<body>
<div id="divcenter" style="width: 300px;height: 200px;background-color:gray;border: 2px solid red;z-index:1000;position: absolute;">
<div style="z-index: 999;height: 1000px;"></div>
</div>
</body>
</html>
//当使用document.documentElement.clientHeight和document.documentElement.clientWidth得到浏览器的可见高和宽的时候要是不加上上面加粗的红色字的话是得不到这两个的值的
//这个例子是让层居中,不管浏览器变大变小,这个层总是居中