htmld出新的dialog

window.open d出新窗口的命令

"page.html” d出窗口的文件名

"newwindow” d出窗口的名字(不是文件名)，非必须，可用空””代替

100 窗口高度

width=400 窗口宽度

top=0 窗口距离屏幕上方的象素值

left=0 窗口距离屏幕左侧的象素值

toolbar=no 是否显示工具栏，yes为显示

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许

location=no 是否显示地址栏，yes为允许

status=no 是否显示状态栏内的信息(通常是文件已经打开)，yes为允许

<div class="mask-box"></div>

<div class="dialog-box">

d窗内容

</div>

通过fixed定位实现, ".mask-box" 模拟背景,".dialog-box"作为d窗容器，里面写d窗的内容。

通过控制样式，切换  display:block     display: none实现点击出现、点击关闭d窗。

.mask-box{

/* 切换  display:block     display: none*/

position: fixed

left: 0

right: 0

top: 0

bottom: 0

background:rgba(0,0,0,0.7)

z-index: 98

}

.dialog-box{

/* 切换  display:block     display: none*/

position: fixed

left: 50%

top: 50%

transform: translate(-50%,-50%)

width: 300px

height: 200px

background: #fff

/* 按实际情况 设置z-index */

z-index: 98

}

---