使用window.open()打开新页面,类似于弹出框

window.open()打开一个新的浏览器窗口,但是我们常常使用发现直接写:

window.open(test.html)

这个是页面直接在浏览器打开一个新窗口,类似于这样的两个新窗口:两个页面是并排的

但是我们想要的效果并不是这样,我们想要以下这个的效果,类似于弹窗框一样:

那么我们可以通过这样的代码控制window.open()打开的新页面的大小以及位置,代码入下:

// 控制宽高以及左右位置
window.open(test.html,"scrollbars=yes,resizable=yes,width=1200,height=900,top=100,left=400")

除此之外,window.open()还可以进行如下配置:

window.open   弹出新窗口的命令；   
'test.html'   弹出窗口的文件名；   
'newwindow'   弹出窗口的名字（不是文件名），非必须，可用空''代替；   
height=100    窗口高度；   
width=400     窗口宽度；   
top=0   　　   窗口距离屏幕上方的象素值；   
left=0   　　  窗口距离屏幕左侧的象素值；   
toolbar=no    是否显示工具栏，yes为显示；   
menubar，scrollbars   表示菜单栏和滚动栏。   
resizable=no  是否允许改变窗口大小，yes为允许；   
location=no   是否显示地址栏，yes为允许；   
status=no     是否显示状态栏内的信息（通常是文件已经打开），yes为允许；