window open

JavaScript window.open() 開啟新視窗

JavaScript 的 window.open() 來開啟新的視窗，新的視窗可以顯示不同的 HTML 或 PHP 網頁。<br><br> window.open(' 新視窗的網址 ', '新視窗的名稱', config='height=高度,width=寬度'); <br><br> example 1 : 開新視窗 html.ug5g.com<br> <span class="sa" onclick="window.open( ' https://html.ug5g.com/ ' , 'NEW_W' , 'height=500,width=500');"> <<c>span onclick="window.open( 'https://html.ug5g.com/ ' , 'NEW_W' , 'height=500,width=500');"> 開新視窗 <<c>/span> </span> <br><br> example 2 : 開新空白視窗<br> <span class="sa" onclick="window.open( '' , 'NEW_W' , 'height=500,width=500'); "> <<c>span onclick="window.open( ' ' , 'NEW_W' , 'height=500,width=500');"> 開新視窗 <<c>/span> </span> <br><br> example 3 : 開新視窗在 右下角<br> <span class="sa" onclick="newwin = window.open( '','neww' ,'width=500,height=500');newwin .moveTo(5000, 5000); "> <<c>span onclick="newwin = window.open( ' ','neww' ,'width=500,height=500');newwin .moveTo(5000, 5000); "> 開新視窗 <<c>/span> </span> <style> .sa { color:blue; cursor:pointer; text-decoration : underline;} </style>

00

參數	window.open 參數值與說明
toolbar	toolbar，預設是要顯示，若不顯示 toolbar=no。
scrollbars	scroll bars 要顯示可用參數值 yes，若不顯示請使用參數值 scrollbars=no。
resizable	是否同意網友自己調整新視窗的大小，若不同意請使用參數值 resizable=no。
location	網址欄位顯示控制，預設是要顯示，若不顯示請使用參數值 location=no。
menubar	目錄欄位顯示控制，預設為要顯示，若不顯示請使用參數值 menubar=no。
status	狀態列顯示控制，預設為要顯示，若不顯示請用參數值 status=no。
left	開啟的新視窗靠瀏覽器左邊的距離，單位為 px。
top	開啟的新視窗靠瀏覽器上邊的距離，單位為 px。
width	開啟的新視窗寬度，單位為 px。
height	開啟的新視窗高度，單位為 px。
fullscreen	是否在全屏模式下顯示瀏覽器。 默認是否。 全屏模式下的窗口也必須處於影院模式。

<table border="1" cellspacing="1" style="width: 100%;height:100%"> <tbody> <tr><td style="width:80px"> <button onclick="LT()">左上角開視窗 </button > </td><td> newwin = window.open("","neww","width=300,height=300")<br> newwin.moveTo(0, 0)<br> newwin.focus()<br> newwin.document.write(...視窗內容...)<br> newwin.document.write(...視窗內容...)<br> newwin.document.close(); </td></tr> <tr><td> <button onclick="BB()">中央角開視窗 </button > </td><td> newwin = window.open("","neww","width=300,height=300")<br> newwin.moveTo( (screen.width-300)/2, (screen.height-300)/2) )<br> newwin.focus()<br> newwin.document.write(...視窗內容...)<br> newwin.document.write(...視窗內容...)<br> newwin.document.close(); </td></tr> <tr><td> <button onclick="RB()">右下角開視窗 </button > </td><td> newwin = window.open("","neww","width=300,height=300")<br> newwin.moveTo(5000, 5000)<br> newwin.focus()<br> newwin.document.write(...視窗內容...)<br> newwin.document.write(...視窗內容...)<br> newwin.document.close(); </td></tr></tbody></table> <script>var newwin; function LT(){ //開新視窗在 左上角 if(newwin ) {newwin.close()} newwin = window.open("","neww","width=300,height=300"); newwin .moveTo(0, 0); 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(); } function RB(){ //開新視窗在 右下角 if(newwin ) {newwin.close()} newwin = window.open( "","neww" ,"width=300,height=300"); newwin .moveTo(5000, 5000); 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();} 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>

00

Edit

#html #網頁格式 #style #div #script window open #script 開新視窗 #document.write()