使用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为允许；

　当然各个浏览器的配置也不一样:详情可查看:https://www.runoob.com/jsref/met-win-open.html