javascript - 在外部窗口中弹出

Question

我正在使用 Bootstrap 和 jQuery 开发一个应用程序，我需要在弹出窗口中显示一个包含两个表的 div。到目前为止，我已经使用了 bootstrap 中的模态插件，但现在我需要在外部 float “小”(~800x600)窗口中显示它，我可以关闭、最小化等。

我一直在寻找如何做到这一点，但只找到了这个与网址一起使用的插件:jquery.popupWindow.js(http://swip.codylindley.com/popupWindowDemo.html但我需要的是显示div的内容(这个想法是以编程方式生成两个表，将其附加到 div，并在外部窗口中显示)

有人可以帮助我吗？提前致谢。

Answer 1

给你一个想法，假设它们是两个窗口 parent.html 和 child.html

在parent.html中:

<script type="text/javascript">
    $(document).ready(function () {
        var output = "data";
        var OpenWindow = window.open("child.html", "mywin", '');
        OpenWindow.dataFromParent = output; // dataFromParent is a variable in child.html
        OpenWindow.init();
    });
</script>

在child.html中:

<script type="text/javascript">
    var dataFromParent;    
    function init() {
        document.write(dataFromParent);
    }
</script>