js showModalDialog 弹出对话框的简单实例(子窗体)

在JavaScript中，`showModalDialog` 是一个旧的方法，用于显示一个模态对话框，它可以包含子窗体或HTML内容，并允许用户与之交互。然而，需要注意的是，由于安全性和兼容性的问题，现代浏览器已不再支持`showModalDialog`方法。不过，为了演示目的，如果这是一个理论性或者旧环境中的问题，我可以给你一个简单的示例代码。

在理想情况下，我们会使用HTML的`

`元素结合JavaScript来控制模态对话框的显示，但既然你要求的是`showModalDialog`的样式，我将提供一个基于旧浏览器环境的伪代码示例。请注意，这个代码在现代浏览器中不会工作。


// 假设你有一个HTML页面，里面包含了一个函数来调用showModalDialog
// 注意：由于showModalDialog不再被支持，以下代码仅供学习历史用途

// 定义一个HTML字符串，作为对话框的内容
var dialogHTML = '<html><body>' +
    '<h2>这是一个模态对话框</h2>' +
    '<p>这里可以放置更多的HTML内容。</p>' +
    '<button onclick="window.returnValue=\'关闭并返回\';window.close();">关闭</button>' +
    '</body></html>';

// 调用showModalDialog（这在实际的现代浏览器环境中将不会工作）
// 假设我们有一个URL指向一个HTML文件，但这里我们直接传递HTML字符串（这不是标准用法）
// 真实情况下，你会传递一个URL给showModalDialog
function showMyDialog() {
    // 注意：直接传递HTML字符串给showModalDialog不是标准做法，
    // 这里只是为了演示。实际上，你需要传递一个URL。
    var result = window.showModalDialog("", dialogHTML, "dialogWidth:300px;dialogHeight:200px;");
    // result将包含子窗体通过window.returnValue返回的值
    alert("从对话框返回的值: " + result);
}

// 你可以在某个事件触发时调用这个函数，比如点击一个按钮
// <button onclick="showMyDialog()">打开对话框</button>

// 重要提示：上面的代码仅供学习和历史参考，不推荐在现代Web开发中使用。
// 在现代Web应用中，应使用HTML5的<dialog>元素或JavaScript库（如Bootstrap的Modal）来实现模态对话框。

由于`showModalDialog`在现代Web开发中已被弃用，我建议使用HTML5的`