Thursday, May 17, 2012

[JavaScript] 最基本的彈跳視窗

雖然有很多視覺效果很好的彈跳視窗,但有時需求重點為"穩定"、"簡單",這時候就可以用javascript的window.open去達成
直接用 w3 school 的範例

<html> <head> <script type="text/javascript"> function openWin(){ myWindow=window.open('','','width=200,height=100,left=300,top=150'); myWindow.document.write("<p>This is 'myWindow'</p>"); myWindow.focus(); } </script> </head> <body> <input type="button" value="Open window" onclick="openWin()" /> </body> </html>

說明:
open()方法可以放四個非必要的參數
window.open(URL,name,specs,replace)
第一個參數是 URL :如果省略的話,會使用空白頁 URL about:blank。
第二個參數是 指定視窗的名稱 :可以利用name去指定在特定視窗開啟,省略的話則為"_blank"。
第三個參數是 新視窗的屬性(大小或功能...等) :這邊可以做很多設定,請用逗號分隔,參考
第四個參數是 只有在第二個參數有設定時有用 :這個參數是布林值,較少用到,這邊就不說明了。

No comments:

Post a Comment