我知道以前可能有人问过这个问题，但这里是这样的:我有一个需要生成模态对话框的 Web 应用程序。 alert、confirm、prompt太简单太丑了，还有那个模态窗口函数……说来话长。我不能使用它。因此，我将使用 DOM 函数和 CSS 创建模态框。但是，我需要在对话框中添加很多内容，我想知道最好的方法是什么。将 HTML 放入字符串并使用 innerHTML 是很笨拙的。我可以使用 DOM，但这很烦人并且需要花费太多时间来编写代码。我知道我可以使用带有奇怪类型标签的脚本(类似于 x-random/x-htmlstuff)，然后将其内容复制到 innerHTML，但是有没有更好、更“官方”的方式来做到这一点？
最佳答案
如果模式的布局是静态的，只需将它们放入页面的 HTML 中即可。当页面正常显示时，使用 CSS 将它们设置为 display: none。当你想显示模型时，使用
document.getElementById('modal-id').style.display = 'block';
关于javascript - 从 JavaScript 输出 HTML 的推荐方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20767640/