Viết nội dung vào cửa sổ mới bằng JQuery

Question

Tôi có trang web có phần tử DIV trong đó. Khi người dùng nhấp vào "in", tôi muốn in nội dung của div đó. Xin lưu ý, tôi chỉ muốn in nội dung của DIV chứ không phải toàn bộ trang. Để thực hiện điều này, tôi quyết định mở một cửa sổ mới bằng JavaScript. Sau đó tôi sẽ viết nội dung của DIV vào cửa sổ mới. Câu hỏi của tôi là, điều này có thể với JQuery không? Nếu vậy, làm thế nào? Hiện nay, tôi đang cố gắng như sau:

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

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

Answer 1

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? 
} 

và trong file thứ hai làm được điều đó:

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

Answer 2

Thử -

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

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

Answer 3

Tôi tìm thấy một trận đấu khá hoàn hảo của một hướng dẫn cho chính xác điều đó .. http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm

Ngoài ra, bạn có thể attact in chỉ CSS cho trang đó có tất cả mọi thứ nhưng những gì bạn muốn tắt.

Answer 4

Bạn có thể sử dụng

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

Xem this example