javascript - 如何在单独的弹出窗口(而不是灯箱模式窗口)中打开一个 div

Question

我的页面中有一个隐藏的 div。我想知道是否有办法在单独的窗口中打开它，而不是在同一页面中的灯箱中打开它。有很多方法可以通过灯箱方法执行此操作，但似乎无法找到在单独的窗口中执行此操作的方法。我在页面上运行 jQuery

让我们假设这是 div:

<style>
    #hidden {
        visibility: hidden;
    }

</style>

<div id="hidden">
    <p>I am a hidden div</p>
    <p>Hopefully i'll open up in a new window</p>
</div>

我在 jQuery 中尝试了以下方法，但它最终打开的是同一个页面

$(".button").click(function(){
            window.open('#yeah');
        });

Answer 1

您可以使用 document.write 来设置弹出窗口的内容:

var w = window.open();
w.document.write( $("#hidden").html() );
w.document.close(); //finish "loading" the page