js control web printing (partial printing) method arrangement

js control web printing (partial printing) method arrangement_javascript skills

WBOY

Release： 2016-05-16 17:33:08

Original

2098 people have browsed it

First define the css style:

Copy the code The code is as follows:

 
@ media print { 
.noprint { display: none;color:green } 
} 

For content that you don’t want to print, just add class=noprint to the label. Print At this time, customers will not see any changes to the page.
Call window.print() when printing;

Several other js partial printing methods:
Modify:
When printing, put the content that needs to be printed Replace with the entire body content (users will see the change when printing, and the customer experience is not very good)

Copy code The code is as follows :

 
function preview(oper) 
......{ 
if (oper < 10)......{ 
bdhtml=window.document .body.innerHTML;//Get the html code of the current page
sprnstr="";//Set the printing start area
eprnstr="";//Set the print end area
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr) 18); //Get html from the start code backwards 
prnhtml=prnhtml .substring(0,prnhtml.indexOf(eprnstr));//Get html forward from the end code 
window.document.body.innerHTML=prnhtml; 
window.print(); 
window.document .body.innerHTML=bdhtml; 
} else ......{ 
window.print(); 
} 
} 

It is very simple to use the page Add the content to be printed in the middle XXXXX
Add a print button onclick=preview(1)
----- ------------------------------------
WebBrowser is IE's built-in browser control and does not require users to Download. (Not tested)
1. WebBrowser control

Copy the code The code is as follows:

2. WebBrowder control The method

Copy code The code is as follows:

 
//Print
WebBrowser1.ExecWB( 6,1); 
//Print settings
WebBrowser1.ExecWB(8,1); 
//Print preview
WebBrowser1.ExecWB(7,1); 

There are other uses for this component, listed as follows:
WebBrowser.ExecWB(1,1) Open
Web.ExecWB(2,1) Close all current IE windows and open a new window
Web.ExecWB(4,1) Save web page
Web.ExecWB(6,1) Print
Web.ExecWB(7,1) Print preview
Web.ExecWB(8,1) Print page Set
Web.ExecWB(10,1) View page properties
Web.ExecWB(15,1) It seems to be revoked and needs to be confirmed
Web.ExecWB(17,1) Select all
Web. ExecWB(22,1) Refresh
Web.ExecWB(45,1) Close the form silently
But printing will print out the entire page. Whatever is in the page will be printed out. Sometimes we We only need to print the data table, then we have to write a style: hide the parts that we don’t want to print:
Style content:

Copy code The code is as follows:

Then use the style:

Where you don’t need to print

The code is as follows :

Copy code The code is as follows:

< input type=button name=button_print value="Print" class="noprint" onclick="javascript:printit()">