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');
}