window.open 是 JavaScript 標準的開啟新視窗語法，有時候在網頁上的應用會需要用到另外開啟一個新的視窗，顯示額外的網頁資訊，透過 window.open 的方法，我們可以規定開啟新視窗的各種規格，例如寬度、高度、是否顯示瀏覽器的工具列、是否要顯示 scrollbar... 等，在這篇介紹中，我們將會介紹如何使用 JavaScript 的 window.open() 來開啟新的視窗，新的視窗可以顯示不同的 HTML 或 PHP 網頁。
JavaScript window.open 開啟新視窗語法
window.open(' 新視窗的網址 ', '新視窗的名稱', config='height=高度,width=寬度');
window.open 的第一個參數＂新視窗的網址＂是必要項目，可以是網站本身的其他頁面，也可以是其他網站的頁面，而第三個參數 config 用來設定新視窗的寬度、高度以及其他各項視窗的功能設定，常用的設定値請參閱 config 參數表。window.open config 常用參數表
| 參數 | 參數值與說明 |
| toolbar | 指定工具列是否顯示，預設是顯示，如果要設為不顯示，寫法是 toolbar=no。 |
| scrollbars | 指定 scroll bars 是否顯示，要顯示寫法是 scrollbars=yes，不顯示寫法是 scrollbars=no。 |
| resizable | 訪客是否可以自己調整視窗大小，預設是可以，如果要設為不能調整，寫法是 resizable=no。 |
| location | 是否顯示網址列，預設是顯示，如果不要顯示，寫法是 location=no。 |
| menubar | 是否顯示目錄欄位，預設是會顯示，如果不要顯示，寫法是 menubar=no。 |
| status | 是否顯示狀態列，預設是顯示，如果不要顯示，寫法是 status=no。 |
| left | 距離左邊的距離，單位是 pixels。 |
| top | 距離上面的距離，單位是 pixels。 |
JavaScript window.open 範例
<a href="#" onclick="window.open(' http://tw.yahoo.com ', 'Yahoo', config='height=500,width=500');">開新視窗</a>
文章標籤
全站熱搜
留言列表
