Question

我有一个带有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?
}

Answer 1

您可以使用

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

请参阅this example

Answer 2

尝试 -

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

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

Answer 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();

Answer 4

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

此外，您可以获取仅打印的CSS到包含您想要关闭的所有内容的页面。

使用JQuery将内容写入新窗口

4 个答案: