前言

JavaScript window.open 用來開啟一個新的視窗，是非常普遍的用法，用 window.open 所開啟的新視窗不一定是同網域的內容，也就是可以開啟別的網站內容，透過幾個簡單的參數設定，可以規定所要開啟的視窗呈現樣貌，例如新視窗的長度、寬度、是否要顯示工具列、是否要顯示 scrollbar ... 等，請參閱以下基本語法以及 config 參數介紹。

基本語法

window.open(' 新視窗要顯示的網頁網址 ', ' 新視窗的名稱 ', config=' 其他參數 ');

基本語法中的前兩個參數都是必填項目，最後一個 config 有許多不同的參數值可以使用，第一段中提到的新視窗的長度、寬度、瀏覽器工具列的顯示、scrollbar 的顯示 ... 等，都是在 config 中設定。
 

config 參數介紹

參數

toolbar

參數值與說明

toolbar 顯示控制，預設是要顯示，若不顯示請使用參數值 no

語法

toolbar=no

參數

scrollbars

參數值與說明

scroll bars 顯示控制，要顯示可用參數值 yes，若不顯示請使用參數值 no

語法

scrollbars=no
scrollbars=yes

參數

resizable

參數值與說明

是否同意網友自己調整新視窗的大小，若不同意請使用參數值 no

語法

resizable=no

參數

location

參數值與說明

網址欄位顯示控制，預設是要顯示，若不顯示請使用參數值 no

語法

location=no

參數

menubar

參數值與說明

目錄欄位顯示控制，預設為要顯示，若不顯示請使用參數值 no

語法

menubar=no

參數

status

參數值與說明

狀態列顯示控制，預設為要顯示，若不顯示請用參數值 no

語法

status=no

參數

left

參數值與說明

開啟的新視窗靠瀏覽器左邊的距離，單位為 px

語法

left=100

參數

top

參數值與說明

開啟的新視窗靠瀏覽器上邊的距離，單位為 px

語法

top=100

參數

height

參數值與說明

開啟的新視窗高度，單位為 px

語法

height=100

參數

width

參數值與說明

開啟的新視窗寬度，單位為 px

語法

width=100

範例

<a onclick="window.open('http://www.google.com.tw',config='height=450,width=450,toolbar=no');">
          由此開啟一個新視窗
</a>

說明:我們可以很容易的從這個範例中看到，<a> 內加入了 onclick 的 JavaScript event 事件去判斷，當網友選擇要開啟一個新視窗，就會觸發 window.open 開啟，至於開啟的內容就是 google 首頁，新視窗的寬度與高度都是 450px