HTML JavaScript window.open() 開啟新視窗

HTML JavaScript window.open() 開啟新視窗

JavaScript window.open 是標準的開啟新視窗語法，如雖在網頁上的應用會需要用到另外開啟一個新的視窗，顯示所要的網頁資訊 或 開啟另外一個網頁，透過 window.open 的方法，我們可以規定開啟新視窗的各種規格，如 高度、寬度、水平捲軸、垂直捲軸、 是否顯示瀏覽器的工具列等等，現在將會簡單將會介紹如何使用 JavaScript 的 window.open() 來開啟新的視窗，新的視窗可以顯示不同的 HTML 或 PHP 網頁。

window.open("新視窗的網址", '新視窗的名稱", config="height=高度,width=寬度.......等等")
window.open
第一個參數 "窗的網址"是必要項目或者留空，可以是網站本身的其他頁面，也可以是其他網站的頁面。
第二個參數 "新視窗的名稱" 或 _blank 開在新的瀏覽視窗中、_parent 當成文件的上一個畫面、_self 顯示在目前的視窗中、_top 被舊框窗包圍的困擾，使用這。
第三個參數 config 用來設定新視窗的寬度、高度以及其他各項視窗的功能設定，常用的設定値請參閱 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。
width	視窗 寬度，單位是 pixels。
height	視窗 高度，單位是 pixels。
fullscreen	是否在全屏模式下顯示瀏覽器。 默認是否。 全屏模式下的窗口也必須處於影院模式。

開啟一個新的視窗在，顯示 http://html.ug5g.com/，height=高度,width=寬度 同時設為 600px。 <p onclick="LT()">開新視窗在 左上角</p><p onclick="RB()">開新視窗在 右下角</p><p onclick="CC()">開新視窗在 正中央</p><p onclick="BB()">開新視窗在 正中央有關閉按鈕</p><script>var newwin; function LT(){ //開新視窗在 左上角 if(newwin ) {newwin.close()} newwin = window.open("http://html.ug5g.com/","neww","width=600,height=600"); newwin .moveTo(0, 0); newwin.focus();} function RB(){ //開新視窗在 右下角 if(newwin ) {newwin.close()} newwin = window.open("http://html.ug5g.com/","neww","width=600,height=600"); newwin .moveTo(5000, 5000); newwin.focus();} function CC(){ //開新視窗在 正中央 if(newwin ) {newwin.close()} newwin = window.open("http://html.ug5g.com/","neww","width=600,height=600"); newwin .moveTo((screen.width-600 ) / 2, (screen.height-600) / 2); ewwin.focus();} function BB(){ //正中央有關閉按鈕 if(newwin ) {newwin.close()} newwin = window.open("","neww","width=300,height=300"); newwin .moveTo((screen.width-300 ) / 2, (screen.height-300) / 2); newwin.focus(); newwin.document.write('<center>window open<br>'); newwin.document.write('<input type="button" onclick = "window.close() " value="close">') newwin.document.write('<center>'); newwin.document.close();} </script>