高見龍

Developer & Instructor, 喜愛非主流的新玩具 :)

開新視窗

在BBS或Yahoo!知識+上面常看到有人在問要怎麼另開小視窗，或是依據不同使用者的螢幕解析度開啟不同大小的視窗，怕自己久沒用也忘記，乾脆貼一篇給自己參考，也供有需要的人參考 :)

1
2
3
4
5
6
7
8
9
10
11

<script language="javascript">
function newwindow(theURL,winName,targetName,features){
  eval(winName+"=window.open('"+theURL+"','"+targetName+"','"+features+"')");
}

function openWindow(){
  var _w = 800;
  var _h = 600;
  newwindow('main.htm','newWin','newWin','width=' +_w +',height=' +_h  +',scrollbars=0,left=' +(screen.width-_w)/2 +',top='  +(screen.height-_h)/2 +'');
}
</script>

上面這個片段程式碼可以新開一個800×600的視窗，視窗頁面檔名叫main.htm，位置會剛好開在螢幕正中間。其中，w跟h是新視窗的寬度跟高度，如果要變成全螢幕的話，則可修改成：

1
2

var _w = screen.width;
var _h = screen.height;

如果要在Flash裡面開新視窗：

1
2
3
4

myButton.onRelease = function(){
  //myButton為該按鈕的instance name
  getURL("javascript:openWindow();");
}

Comments