在JavaScript中,可以使用window.showModalDialog()
方法來打開一個模態對話框。
語法如下:
window.showModalDialog(url, [arguments, options])
其中,參數說明如下:
url
:要打開的對話框的URL。
arguments
:(可選)傳遞給對話框的參數。可以是一個JavaScript對象,用于傳遞多個參數。
options
:(可選)一個字符串,用于指定對話框的大小、樣式等選項。
下面是一個示例,演示如何使用window.showModalDialog()
方法:
// 創建一個包含參數的JavaScript對象
var args = {
name: 'John',
age: 30
};
// 打開一個模態對話框,并傳遞參數
var result = window.showModalDialog('dialog.html', args, 'dialogWidth:400px;dialogHeight:200px');
// 在對話框中,可以通過window.dialogArguments來訪問傳遞的參數
console.log(window.dialogArguments.name); // 輸出:John
console.log(window.dialogArguments.age); // 輸出:30
// 在對話框中,可以使用window.returnValue來返回結果
window.returnValue = 'Result from dialog';
// 在主頁面中,可以通過result變量獲取返回值
console.log(result); // 輸出:Result from dialog
請注意,window.showModalDialog()
方法在現代瀏覽器中已經被廢棄,不再被支持。可以考慮使用window.open()
方法打開一個模態對話框,并使用window.postMessage()
方法進行通信。