<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<HTML>
<HEAD>
<TITLE></TITLE>
<script>
function init(){
var obj = document.getElementById("div1");
obj.style.top = (document.documentElement.offsetHeight - obj.offsetHeight)/2;
obj.style.left = (document.documentElement.offsetWidth - obj.offsetWidth)/2;
// 如果没有表头,document.documentElement.offsetHeight 改为 document.body.offsetHeight
// document.documentElement.offsetWidth 同上
}
</script>
</HEAD> <BODY onresize="init()" onload="init()"><div id="div1" style="width:300px;height:300px;background-color:blue;position:absolute;">这是绝对定位</div>
</BODY>
</HTML>
解决方案 »
- [推荐]发现超多js特效和网页模板下载,和大家分享.
- 1 通过prototype修改已有对象
- 急!100分求用JS判断用户是否登录DZ论坛并取出用户名!
- jquery 怎么选择li标记
- 1、为什么直接打开这个网页弹出窗口,但是用VS2005调试却报“没有对象”。2、我的JScript.js文件写代码的时候怎么点不出来提示?
- javascript如果实现DIV逐渐变大,就小的效果.
- 请问页面中有两个视频,我怎么让其中一个视频控制别一个的进度
- 奇怪啊!! jq方法中传入的参数 无法使用 都来看看
- 梅花雪写的代码看不懂,请大家指点!
- 在发邮件时怎样填写内容
- 以前可以正常运行,JAVASCRIPT现在在好几个空间都出错。
- 这个问题请教大家
"http://www.w3.org/TR/html4/loose.dtd"
<HTML>
<HEAD>
<TITLE></TITLE>
<script>
function init(){
var obj = document.getElementById("div1");
obj.style.top = (document.documentElement.offsetHeight - obj.offsetHeight) / 2 + document.documentElement.scrollTop;
obj.style.left = (document.documentElement.offsetWidth - obj.offsetWidth)/2;
// 如果没有表头,document.documentElement.offsetHeight 改为 document.body.offsetHeight
// document.documentElement.offsetWidth 同上
}
window.onscroll = init;
</script>
</HEAD> <BODY onresize="init()" onload="init()"><div id="div1" style="width:300px;height:300px;background-color:blue;position:absolute;">这是绝对定位</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</BODY>
</HTML>