Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > JS implements partial selection printing and partial non-selection printing_javascript skills

JS implements partial selection printing and partial non-selection printing_javascript skills

WBOY
Release： 2016-05-16 16:53:27
Original
1565 people have browsed it

Select the content to be printed on a page due to the needs of the project.

Wrap the thing you want to print in a DIV layer. For example:

Copy code The code is as follows:


(Notice number: ${zjxfItemUser. acceptedNo })

Notice of transfer of petition matters${zjxfItemUser.userName }: (name of petitioner)

       
, this agency (or unit) The ${zjxfItemUser.subject} petition filed by you (or you) has been accepted in accordance with the law.
The petition matter falls within the scope of XXX’s powers. According to the relevant provisions of the "Petition Regulations", this agency has already The relevant materials will be transferred to XXX for processing on XX, please contact him in time.

We hereby inform you.

(stamped with ${zjxfProcessOver.subOrgname} special seal or official seal)





No printing required in the middle , also included in a DIV layer. Utilize CSS styles. Simply reference class="noprint" in the layer that does not need to be printed


Copy the code The code is as follows:



JS Code:

Note: The style will be lost when you choose to print. You need to add your print before printing.


Copy code The code is as follows:
$(function(){

$("#print").click(function(){

var html = window.document.body.innerHTML;

exportCSS("itemVrbjForm",html);

});

//Import styles into selected printing
function exportCSS(formName,htmlInfo){
var CSS = " "
" "
""
""
"" ;
$(CSS).appendTo("#" formName);
window.document.body.innerHTML = $("#" formName).html();
window.print();
window.document.body.innerHTML = htmlInfo;
}

});


In this way, both partial selection printing and partial non-selection printing can be achieved
Related labels：
选择打印 不选择打印
source：php.cn
Previous article：javascript copy node cloneNode() usage introduction_javascript skills Next article：Comparison of the relationship between native js's method of obtaining width and height and jquery's method of obtaining width and height_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Select woocommerce related products using custom taxonomy with 3 level hierarchy I have a woocommerce store with a custom classification of "Sports". The classif...
From 2024-04-06 20:05:30
0
1
544
MySQL: "Select text from... as <variable here or subquery>" I have the following table with the following data: id text language 1 german text german ...
From 2024-04-06 19:25:54
0
2
529
Unable to get input element from website So I'm trying to get an input element from Twitter, but when I run it it keeps giving me a...
From 2024-04-06 18:59:57
0
1
442
How to select multiple checkboxes in Reactjs I have a list of options in which I want to select multiple checkboxes but am unable to do...
From 2024-04-06 18:55:21
0
1
396
Even after clearing, the value of my file input remains As you can see in the screenshot. I select a file, keep the popup without refreshing the p...
From 2024-04-06 15:44:52
0
1
384
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template