1. 程式人生 > >js案例:使用js彈出小視窗(沒有瀏覽器視窗位址列,工具欄,選單欄,顯示欄,只有關閉和最小化按鈕)

js案例:使用js彈出小視窗(沒有瀏覽器視窗位址列,工具欄,選單欄,顯示欄,只有關閉和最小化按鈕)



使用js彈出小視窗(沒有瀏覽器視窗位址列,工具欄,選單欄,顯示欄,只有關閉和最小化按鈕)

程式碼如下:

<input type="text" name="ok" value="彈出小視窗" onclick="addFiles()">

functionaddFiles(){

var contextPath = $("#contextPath").val();

var profixUrl = $("#profixurl").val();//附件上傳目錄

var url = contextPath+"/settlement/addFileService.action?profixUrl="+profixUrl

;

var scnWidth = screen.availWidth;//瀏覽器的螢幕的可用寬度

var scnHeight = screen.availHeight;

window.open(url,'addFileWindow','toolbar=no,location=no,resizable=no,height=500,width=680,,scrollbars=yes,left=380,top=100');

}

window.open各項引數
  其中yes/no也可使用1/0;pixel value為具體的數值,單位象素。

引數 | 取值範圍 | 說明

alwaysLowered | yes/no | 指定視窗隱藏在所有視窗之後
alwaysRaised | yes/no | 指定視窗懸浮在所有視窗之上
depended | yes/no | 是否和父視窗同時關閉
directories | yes/no | Nav2和3的目錄欄是否可見
height | pixel value | 視窗高度
hotkeys | yes/no | 在沒選單欄的視窗中設安全退出熱鍵
innerHeight | pixel value | 視窗中文件的畫素高度
innerWidth | pixel value | 視窗中文件的畫素寬度
location | yes/no | 位置欄是否可見
menubar | yes/no | 選單欄是否可見
outerHeight | pixel value | 設定視窗(包括裝飾邊框)的畫素高度
outerWidth | pixel value | 設定視窗(包括裝飾邊框)的畫素寬度
resizable | yes/no | 視窗大小是否可調整
screenX | pixel value | 視窗距螢幕左邊界的畫素長度
screenY | pixel value | 視窗距螢幕上邊界的畫素長度
scrollbars | yes/no | 視窗是否可有滾動欄
titlebar | yes/no | 視窗題目欄是否可見
toolbar | yes/no | 視窗工具欄是否可見
Width | pixel value | 視窗的畫素寬度
z-look | yes/no | 視窗被啟用後是否浮在其它視窗之上=no,location=no,resizable=no,

height=500,width=680,,scrollbars=yes,left=380,top=100');

}