JS mengimplementasikan pencetakan pilihan lokal dan pencetakan non-select lokal

Pilih konten cetak di halaman karena kebutuhan proyek.

Ambil apa yang ingin Anda cetak dengan lapisan div. Misalnya:

Salinan kode adalah sebagai berikut:

<!-Pemberitahuan transfer masalah petisi dimulai->

<div id = "itemVrbjform" style = "font-family: 'lagu lagu', 'style song'; font-size: 18px; margin-top: 290px;">

<div>

<Div style = "float: right; margin -top: -40px;"> (nomor informasi: $ {zjxfitemuser.acceptedno}) </div>

<div id = "title" style = "margin-top: 40px;"> <span> Pemberitahuan tentang transfer masalah petisi </span> </div>

$ {zjxfitemuser.username}: (nama pemohon) <br/>

<span id = "itemvrbjTime"> </span>, agensi ini (atau unit) telah menerima $ {ZjXfitemuser.subject} masalah petisi yang diusulkan oleh Anda (atau Anda) sesuai dengan hukum,

Materi petisi berada dalam ruang lingkup otoritas XXX. . <br/>

Beri tahu saya dengan ini. <br />

<Div style = "margin-top: 50px; margin-right: 20px; float: right;"> (sub-sub-name} segel khusus atau segel resmi) </div>

<Div style = "margin-top: 90px; margin-right: -190px; float: right;"> <span id = "itemvrbjendtime"> </span> </div>

</div>

</div>

<!-Pemberitahuan transfer masalah petisi berakhir->

Tidak perlu mencetak di tengah, dan juga disertakan dengan lapisan div. Gunakan gaya CSS. Merujuk kelas = "noprint" di lapisan yang tidak memerlukan pencetakan dilakukan

Salinan kode adalah sebagai berikut:

<type style = "text/css" media = "print">

.noprint {visibilitas: tidak ada;}

</tyle>

Kode JS:

Catatan: Saat memilih pencetakan, gaya akan hilang.

Salinan kode adalah sebagai berikut:

$ (function () {

$ ("#cetak"). Klik (function () {

var html = window.document.body.innerhtml;

ExportCSS ("ItemVrbjform", html);

});

// Gaya impor untuk memilih pencetakan

Function ExportCSS (FormName, htmlinfo) {

var css = "<link href =/" " + baseUrl +"/zjxf/common/css/common.css/"type =/" text/css/"rel =/" stylesheet/"/>" +

"<tautan href =/" " + baseUrl +"/zjxf/common/css/tabel.css/"type =/" text/css/"rel =/" stylesheet/"/>" + " +

"<tautan href =/" " + baseUrl +"/zjxf/common/css/form.css/"type =/" text/css/"rel =/" stylesheet/"/>" + " +

"<link href =/" " + baseUrl +"/zjxf/common/css/tab.css/"type =/" text/css/"rel =/" stylesheet/"/>" + " +

"<tautan href =/" " + baseUrl +"/zjxf/common/css/print.css/"type =/" text/css/"rel =/" stylesheet/"/>";

$ (CSS) .AppendTo ("#" + FormName);

window.document.body.innerhtml = $ ("#" + FormName) .html ();

window.print ();

window.document.body.innerhtml = htmlinfo;

}

});

Ini memungkinkan pencetakan seleksi parsial dan pencetakan non-select parsial untuk dicapai