showModelessDialog
創建一個非模態對話框，顯示指定的HTML/PHP/ASP等類型檔案。
基本介紹
showModelessDialog() (IE 5+ 支持)
window.showModelessDialog() 方法用來創建一個顯示HTML內容的非模態對話框。
使用方法
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
使用實例：（兩個檔案放在同一個目錄下）
1 . showModelessDialogEX.htm 檔案代碼：
<head>
<html>
<head>
<title>showModelessDialogEX.htm</title>
<script>
var sUserName="";
/*------------------------------------------------------------
Supplying the window object as a parameter allows for declaring the global
variable, sUserName, and using it to return information from the modeless
dialog box.
------------------------------------------------------------- */
function fnCallDialog()
{
showModelessDialog("myDialog.htm",window,"status:false;dialogWidth:300px;dialogHeight:300px");
}
/*-------------------------------------------------------------
The fnUpdate function takes the value passed into sUserName in myDialog.htm
to update the span text on this page. This function is called in both
fnGetInfo and fnCancel functions in myDialog.htm.
-------------------------------------------------------------*/
function fnUpdate()
{
oName.innerText = sUserName;
}
</script>
</head>
<body>
<p>Enter your first name: <span id="oName"
style="color:red;font-size:24">Joan</span></p> <input type="button"
value="Display Modeless Dialog" onclick="fnCallDialog()">
</body>
</html>
2 . myDialog.htm檔案代碼：
<html>
<head>
<title>myDialog.htm</title>
<script>
/* -------------------------------------------------------------
This function makes use of the dialogArguments property of the
window object. dialogArguments allows the global variable sUserName
to feed the value supplied to the input in this dialog box back to
the window that called it.
---------------------------------------------------------------- */
function fnGetInfo()
{
var sData = dialogArguments;
sData.sUserName = oEnterName.value;
sData.fnUpdate();
}
/* -------------------------------------------------------------
This function cleans up in case the user has clicked the
Apply button before canceling.
---------------------------------------------------------------- */
function fnCancel()
{
var sData = dialogArguments;
sData.sUserName = "Joan";
sData.fnUpdate();
}
</script>
</head>
<body>
<label FOR="oEnterName" accesskey="f">Enter your
<span style="text-decoration:underline">F</span>irst Name</label>
<input id=oEnterName><br><br>
<input value="Apply" type=button onclick="fnGetInfo();">
<input value="Ok" type=button onclick="fnGetInfo();window.close();">
<input value="Cancel" type=button onclick="fnCancel();window.close();">
</body>
</html>
參數說明
sURL -- 必選參數，類型：字元串。用來指定對話框要顯示的文檔的URL。
vArguments -- 可選參數，類型：變體。用來向對話框傳遞參數。傳遞的參數類型不限，包括數組等。對話框通過window.dialogArguments來取得傳遞進來的參數。
sFeatures -- 可選參數，類型：字元串。用來描述對話框的外觀等信息，可以使用以下的一個或幾個，用分號“;”隔開。
dialogHeight:sHeight
可選字元串，指定對話框視窗的修飾，使用與一個或多個值以下分號分隔：
dialogHeight：sHeight
設定對話框視窗的高度（見備註默認度量單位）。
dialogLeft:sXPos dialogLeft： sXPos
設定對話框視窗相對於桌面左上角的左側位置。
dialogTop:sYPos dialogTop：sYPos
設定對話框視窗相對於桌面左上角的榜首位置。
dialogWidth:sWidth dialogWidth：sWidth
設定對話框視窗的寬度（見備註默認度量單位）。
center:{ YES | no | 1 | 0 | on | off }
中心指定是否要在桌面對話視窗。 默認為 yes。
dialogHide:{ yes | no | 1 | 0 | on | off }
指定對話框視窗是否隱藏在列印或使用列印預覽。此功能只有當一個對話框是從信任的應用程式打開。默認是no。
edge:{ sunken | raised }
指定對話框視窗邊緣風格。默認是raised 。
resizable:{ yes | no | 1 | 0 | on | off }
指定對話框視窗中是否有固定的尺寸.默認是no。
scroll:{ yes | no | 1 | 0 | on | off }
指定對話框視窗是否顯示滾動條。默認為 yes。
status:{ yes | no | 1 | 0 | on | off }
指定對話框視窗是否顯示狀態欄。默認為yes不受信任的對話視窗和視窗不信任的對話。
unadorned:{ yes | no | 1 | 0 | on | off }
指定對話框視窗是否顯示框線的視窗瀏覽器。此功能只有當一個對話框是從信任的應用程式打開。默認是no。
