Запись содержимого в новое окно с помощью JQuery

У меня есть веб-страница с элементом DIV. Когда пользователь нажимает "print", я хочу распечатать содержимое этого 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?
}

Ответ 1

Вы можете использовать

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

Смотрите этот пример

Ответ 2

file1:

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

Ответ 3

Попробуйте -

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

Ссылка - http://www.javascripter.net/faq/writingt.htm

Ответ 4

Я нашел довольно идеальное совпадение учебника для этого. http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm

Кроме того, вы можете установить только CSS для печати на страницу, на которой есть все, кроме того, что вы хотите отключить.