用JQuery將內容寫入新窗口

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

文件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 2

嘗試 -

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

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

Answer 3

我發現了一個教程的一個非常完美的比賽正是出於這個.. http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm

此外，還可以打印吸引有隻CSS到擁有一切，但你想要的東西關掉頁面。

Answer 4

您可以使用

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

見this example