高見龍

iOS app/Ruby/Rails 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