使用 JQuery 将内容写入新窗口答案

【问题标题】：Write Content To New Window with JQuery使用 JQuery 将内容写入新窗口
【发布时间】：2010-10-01 16:21:25
【问题描述】：

我有一个包含 DIV 元素的网页。当用户单击“打印”时，我想打印该 div 的内容。请注意，我只想打印 DIV 的内容，而不是整个页面。为了尝试这个，我决定使用 JavaScript 打开一个新窗口。然后我打算将 DIV 的内容写入新窗口。我的问题是，这可能用 JQuery 吗？如果是这样，怎么做？目前，我正在尝试以下方法：

function printClick() {
  var w = window.open();
  var html = $("#divToPrintID").html();

  // how do I write the html to the new window with JQuery?
}

【问题讨论】：

这里有一个类似的帖子：stackoverflow.com/questions/1225558/…

标签： jquery

【解决方案1】：

你可以使用

$(w.document.body).html(html);

见this example

【讨论】：

这对我来说似乎不适用于 IE7。有任何已知问题吗？

【解决方案2】：

试试 -

var w = window.open();
var html = $("#divToPrintID").html();
w.document.writeln(html);

参考 - http://www.javascripter.net/faq/writingt.htm

【讨论】：

【解决方案3】：

文件1：

function find(input){
    return $(input);
}

function printClick() {
  var w = window.open();
  var html = $("#divToPrintID").html();

  // how do I write the html to the new window with JQuery?
}

在第二个文件中这样做：

var html = window.opener.find("#divToPrintID").html();

【讨论】：

【解决方案4】：

我找到了一个非常完美的匹配教程。 http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm

此外，您可以将仅打印的 CSS 附加到除了您想要关闭的所有内容之外的页面。

【讨论】：