Javascript 如何将数据显示为弹出窗口或第二层？

我正在开发一个网站，有一个选项，上传图像，提供的功能，以裁剪它，并上传它。到目前为止，它是一个单独的页面，但现在我想显示它作为第一页的链接，点击链接，它应该会打开一个新的框架，就像facebook现在打开图像一样，并显示选择图像上传的选项以及裁剪功能

---

我在这里发布了一张图片，但由于积分问题，我不允许发布。因此，如果您需要了解图片的想法，请查看您facebook帐户上的照片。

查看。这很有意义，而且看起来更接近facebook对话框

因为您还没有指定javascript框架，我想我会建议一种简单的javascript方法来动态地向当前文档添加iframe。这仅在图片上传页面与交付iframe的站点位于同一服务器上时才真正适用。否则，您可能希望使用帧以外的其他内容

function showIframe() {
            /* Parent element */
            var widget = document.createElement("div");
            widget.style.position="fixed";
            widget.style.top="100px";
            widget.style.left="100px";
            widget.style.width="300px";
            widget.style.height="200px";

            /* picture uploading page frame */
            var iframe = document.createElement("iframe");
            iframe.src = "http://localhost"; // use your picture upload URL here

            /* Add to document */
            widget.appendChild(iframe);
            document.body.appendChild(widget);
}

在HTML中添加一个元素，该元素带有一个调用showIframe的回调，如下所示：

<a onclick="showIframe()">Picture Widget</a>

---

你需要一个像@rcro这样的灯箱你确定灯箱是唯一的选择吗？我知道javascript似乎是实现这一点的最佳方式，但是否还有其他选择，比如当我们为javascript因任何原因无法工作的场景做准备时。如果没有启用js，一切都好吗？我想什么也不会显示了？嗨，谢谢你的帮助，但当我尝试这项工作，但窗口似乎非常小，它不会改变与代码中的尺寸参数。此外，没有关闭窗口或使其消失的选项。我想我必须深入研究它并自己编写所有代码。我看到了链接，这似乎是一个不错的选择，但我只是想知道它比clearbox好吗？？