将div中的html重新渲染到新的浏览器窗口

Question

我想将所有<div>放在父<div>中，然后将内容重新渲染到新的浏览窗口中。有人可以提出任何建议吗？我正在使用jQuery和.NET。

1. 获取标记中的所有div。

   var markupData = $("#names").html();
   

2. 空div。

   $("#names").empty();
   

3. 打开显示markupData的新窗口。

   ???
   

Answer 1

怎么样：

var html = $("#names").html();
var my_window = window.open("", "mywindow1", "width=350,height=150");

$(my_window.document).find("body").html(html);

使用window.open。保持对刚刚创建的窗口的引用并设置其HTML。

示例： http://jsfiddle.net/A72TH/

---

如果你想为空白页面添加一个包含CSS规则的样式表，你可以这样写：

$(my_window.document)
    .find("head")
    .append("<link rel='stylesheet' href='styles.css' />");

Answer 2

听起来你想要创建一个新窗口的实例，然后用你的数据写入它。这是一个有用的链接：

http://www.javascripter.net/faq/writingt.htm