Question

如何仅使用javascript打开模态窗口。我不能使用自己的html文件，所以我必须直接将html-data传递给将显示窗口的方法。你能帮我解决这个问题吗？

UPD：我不能使用任何自己的库。

Answer 1

尝试使用jQuery“lightbox-style”插件。我最喜欢的是ColorBox，可以满足您的需求。例如：

$.fn.colorbox({html:'<p>Hello</p>'});

Answer 2

无库解决方案：

将div填充内容，设置样式以使其浮动在您的内容上并在页面加载时display:hidden。使用javascript设置myDialog.style.display = 'block'并观看您的模态。

这个javascript也可以添加一个背景元素，它被设计为半透明并跨越整个屏幕的高度和宽度，并阻止与其下的页面元素的交互。

在概念上，它非常简单。它比CSS更多的CSS，逻辑只是显示/隐藏模态对话框元素。

你可以通过设置元素动画，调整大小以更好地适应内容等方式来改进边缘案例。这就是图书馆为你提供的一种润色。

Answer 3

有很多简单的javascript库来做这种事情。 Thickbox很酷。

Answer 4

在谷歌上找到的链接（仅部分）与显示此问题的问题不相关。它们尚未经过审核。