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