如何让JS弹出的窗口居中

JavaScript024

如何让JS弹出的窗口居中,第1张

<script type="text/javascript">

function openwindow(url,name,iWidth,iHeight)

{

var url//转向网页的地址

var name//网页名称,可为空

var iWidth//弹出窗口的宽度

var iHeight//弹出窗口的高度

//window.screen.height获得屏幕的高,window.screen.width获得屏幕的宽

var iTop = (window.screen.height-30-iHeight)/2//获得窗口的垂直位置

var iLeft = (window.screen.width-10-iWidth)/2//获得窗口的水平位置

window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no')

}

</script>

原理是这样的,当alert弹出框点击确定以后,

再让页面重新加载一下就可以,具体代码如下:

<script type="text/javascript">

alert("提交成功!")

window.location.reload()

</script>

这个就是div属性设置的问题。

主要设置如下:

overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);

width(宽度):数值;

height(高度):数值;

color(字体颜色):色彩代码;

font-size(字体大小):数值;

line-height(行高):数值;

border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;

font-weight(字体粗细):normal、bold、bolder、lighter;

font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;

background(背景颜色):色彩代码;

scrollbar-base-color,scrollbar-face-color,scrollbar-track-color, scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color(滚动条各部分的颜色):色彩代码;

filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;

word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);

direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。

HTML中的Div分区属性

基本属性:width, height, left, top, background-color(当设置为transparent时表示透明)

2、定位属性:position: absolute/relative

absolute时,位置固定;relative时,位置会随着内容的实际情况进行浮动

3、显示属性:display: block/none

block为默认状态,表示显示;none为隐藏

4、优先属性:z-index:n

n表示一个整数(正负均可),有多个Div时n越大,则越靠前显示;

z-index可以理解为z轴的坐标(x,y轴控制左右、上下方位,z轴控制层叠div的前后方位)

只有用绝对定位(position:absolute)时,属性z-index才起作用;

未设置绝对定位(position:absolute)的div,其z-index永远为0;

未设定优先属性(z-index)的div,按照声明的顺序层叠,后声明的盖住先声明的,如果有两个Div属于父子关系,则子div覆盖父div;

5、透明属性:opacity:0.3(firefox专用);filter:alpha(opacity=30)(IE专用)

两者一起用的时候就将两种主流浏览器都兼容了;上面例子是将Div的透明度设置为30%,可以看出两者的设置稍有不同;Div的文本与背景色均能被透明化!

这些是div的属性。

要用到width(宽度):数值;

height(高度):数值;

left, top,

position:absolute