溫馨提示×

JavaScript中的window.showModalDialog()怎么使用

小億
97
2023-08-15 22:21:00
欄目: 編程語言

在JavaScript中,可以使用window.showModalDialog()方法來打開一個模態(tài)對話框。

語法如下:

window.showModalDialog(url, [arguments, options])

其中,參數(shù)說明如下:

  • url:要打開的對話框的URL。

  • arguments:(可選)傳遞給對話框的參數(shù)??梢允且粋€JavaScript對象,用于傳遞多個參數(shù)。

  • options:(可選)一個字符串,用于指定對話框的大小、樣式等選項。

下面是一個示例,演示如何使用window.showModalDialog()方法:

// 創(chuàng)建一個包含參數(shù)的JavaScript對象
var args = {
name: 'John',
age: 30
};
// 打開一個模態(tài)對話框,并傳遞參數(shù)
var result = window.showModalDialog('dialog.html', args, 'dialogWidth:400px;dialogHeight:200px');
// 在對話框中,可以通過window.dialogArguments來訪問傳遞的參數(shù)
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()方法在現(xiàn)代瀏覽器中已經(jīng)被廢棄,不再被支持。可以考慮使用window.open()方法打開一個模態(tài)對話框,并使用window.postMessage()方法進行通信。

0