js弹出层永远居中实现思路及代码

弹出层窗口永远居中复制代码代码如下：脚本类型=' text/JAVAScript ' var ISie=window .XMLHttpRequest？false : treevar AiSie={ }；窗户。onload=function(){ if(ISie){ window。onscroll=DoiEwindow.onresize=doIE}函数DoiE(){ AiSee。top=文档。文档元素。滚动顶部；也是。left=文档。文档元素。被偷窃；var width=文档。文档元素。客户端宽度；var高度=文档。文档元素。客户身高；var oDiv=文档。getelementbyid(' OneResponse ')；奥迪夫。风格。top=AiSie。顶部(高度-odiv。偏移量theight)/2 ' px '；奥迪夫。风格。左=AiSie。左侧(宽度-Odiv。偏移量为)/2 ' px '；/script首先大家要了解一个不兼容的钢性铸铁样式位置：固定；位置属性有四个可选值，它们分别是：静态、绝对、固定、相对。我们下面来共同学习它们的不同的用法，在学习中我们应该去思考在什么布局情况下，应该使用它们其中的哪一种位置：静止无定位该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用位置：静止取消继承，即还原元素定位的默认值。如：# nav { position:static}其他两种前面提过，我们主要说的是固定位置：固定相对于窗口的固定定位这个定位属性值是什么意思呢？元素的定位方式同绝对的类似，但它的包含块是视区本身。在屏幕媒体如网浏览器中，元素在文档滚动时不会在浏览器视察中移动。例如，它允许框架样式布局。在页式媒体如打印输出中，一个固定元素会出现于第一页的相同位置。这一点可用于生成流动标题或脚注。我们也见过相似的效果，但大都数效果不是通过半铸钢钢性铸铁(铸造半钢)来实现了，而是应用了射流研究…脚本。请特别注意，IE6不支持…… 这里我们用位置：固定；"黑技术" " JavaScript "；结合来解决这一问题

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/1999/XHTML/TR/XHTML/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title图胜前端工程师/title style type='text/css' body，div { margin:0划水：0;} # a { width:200px高度：200 px背景：蓝色；位置：固定；左侧：50%;前：50%；左边距：-100px；边距-top :-100 px；_ position : absolute }/样式脚本类型=' text/JAVAScript ' var ISie=window .XMLHttpRequest？false : treevar AiSie={ }；窗户。onload=function(){ if(ISie){ window。onscroll=DoiEwindow.onresize=doIE}函数DoiE(){ AiSee。top=文档。文档元素。滚动顶部；也是。left=文档。文档元素。被偷窃；var width=文档。文档元素。客户端宽度；var高度=文档。文档元素。客户身高；var oDiv=文档。getelementbyid(' a ')；奥迪夫。风格。top=AiSie。顶部(高度-odiv。偏移量theight)/2 ' px '；奥迪夫。风格。左=AiSie。左侧(宽度-Odiv。偏移量为)/2 ' px '；/script/head body style=' width :100%；'div id=' a '/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/body/html