1、window.showModalDialog() 模態對話框。 (只支持IE瀏覽器)
window.showModelessDialog() 非模態對話框。html
基本語法:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])數組
參數說明:
sURL -- 必選參數,類型:字符串。用來指定對話框要顯示的文檔的URL。
vArguments -- 可選參數,類型:變體。用來向對話框傳遞參數。傳遞的參數類型不限,包括數組等。對話框經過 瀏覽器
window.dialogArguments來取得傳遞進來的參數。
sFeatures -- 可選參數,類型:字符串。用來描述對話框的外觀等信息,能夠使用如下的一個或幾個,用分號「;」隔開。less
參數說明工具
一、 dialogHeight: 對話框高度,不小於100px
2. dialogWidth: 對話框寬度。
3. dialogLeft: 離屏幕左的距離。
4. dialogTop: 離屏幕上的距離。
5. center: { yes | no | 1 | 0 } : 是否居中,默認yes,但仍能夠指定高度和寬度。
6. help: {yes | no | 1 | 0 }: 是否顯示幫助按鈕,默認yes。
7. resizable: {yes | no | 1 | 0 } [IE5+]: 是否可被改變大小。默認no。
8. status: {yes | no | 1 | 0 } [IE5+]: 是否顯示狀態欄。默認爲yes[ Modeless]或no[Modal]。
9. scroll: { yes | no | 1 | 0 | on | off }:是否顯示滾動條。默認爲yes。spa
eg:htm
var obj = new Object();
obj.imageName = document.getElementById('AdvertImage').value;blog
var retval = window.showModalDialog("AdvertImageListPre.do",obj, "dialogWidth:800px; dialogHeight:750px; dialogLeft:"+showx+"px; dialogTop:"+showy+"px; status:no; directories:yes;scrollbars:no;Resizable=no;location=no " );
文檔
子頁獲取父頁的值:字符串
window.dialogArguments
eg:PEGetElement("AdvertImage").value=window.dialogArguments.imageName;
父頁獲取子頁的值:
window.returnValue = value;
關閉子窗口:
window.close();
2、Window.open()(支持谷歌、火狐)
window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') //該句寫成一行代碼
參數解釋:
window.open 彈出新窗口的命令;
'page.html' 彈出窗口的文件名;
'newwindow' 彈出窗口的名字(不是文件名),非必須,可用空''代替;
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值;
toolbar=no 是否顯示工具欄,yes爲顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no 是否容許改變窗口大小,yes爲容許;
location=no 是否顯示地址欄,yes爲容許;
status=no 是否顯示狀態欄內的信息(一般是文件已經打開),yes爲容許;
子頁獲取父頁的值:
子頁的值賦值給父頁的值
關閉窗口
window.close()
判斷瀏覽器類型(這裏只判斷ie與非ie)
if (!!window.ActiveXObject || "ActiveXObject" in window){
ie瀏覽器
}else{
非ie瀏覽器
}