Implementation of web page paging printing_javascript skills

1． First introduce a WebBrowser on the page that needs to be printed. You can add it directly:

Copy the code The code is as follows:

to the page, or you can use JavaScript to add it temporarily when needed:

Copy the code The code is as follows:

document.body.insertAdjacentHTML("beforeEnd",
"

2. Page setup and print preview
As shown below, you can call it directly

Copy code The code is as follows:

document.all.WebBrowser.ExecWB(6,6) Print directly
document.all .WebBrowser.ExecWB(8,1) Page settings
document.all.WebBrowser.ExecWB(7,1) Print preview

or:

Copy code The code is as follows:

execScript("document.all.WebBrowser.ExecWB 7, 1","VBScript");

3 Hide non-printing page elements and pagination
CSS has a Media attribute that can set the printing and display formats separately.
For example, The format in the middle will only work during printing and will not affect the display interface.
So you can set

Then add: class="Noprint" to the page elements that you do not want to print, then they will not appear in printing and print preview.
Add where you want to paginate:

That's it.
4． Printing a specific part of the page
This is achieved by creating a new page for the specific part that needs to be printed, then loading it into an IFrame on the main page, and then calling the print method of the IFrame to print only the content in the IFrame.
For example:

The following springFrame js function will only print the content in the Iframe and can be directly referenced and used, such as printFrame(FrameId);

Copy code The code is as follows:

window.print = printFrame;
// main stuff
function printFrame(frame, onfinish) {
if ( !frame ) frame = window;
function execOnFinish() {
switch ( typeof(onfinish) ) {
case "string": execScript(onfinish); break;
case "function": onfinish();
}
if ( focused && !focused.disabled ) focused.focus();
}
if (( frame.document.readyState !== "complete") &&( !frame.document.confirm("The document to print is not downloaded yet! Continue with printing?") ))
{
execOnFinish();
return;
}
var eventScope = printGetEventScope(frame);
var focused = document.activeElement;
window.printHelper = function() {
execScript("on error resume next: printWB.ExecWB 6, 1", "VBScript");
printFireEvent(frame, eventScope, "onafterprint");
printWB.outerHTML = "";
execOnFinish();
window.printHelper = null;
}
document.body.insertAdjacentHTML("beforeEnd",
"