Asp.net implements partial page printing.

Last Update:2018-12-05 Source: Internet

Author: User

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Today, I am working on a contract signing table for a company. Their requirements need to be printed. So I searched a page for some printed code on the Internet and did not look at it at the beginning, get started

Code

<Script type = "text/javascript">
Function preview (preview)
{
If (then <10)
{
Bdhtml###doc ument. body. innerHTML; // obtain the html code of the current page
Sprnstr = "<! -- Startprint "+ print +" --> "; // you can specify the start area for printing.
Eprnstr = "<! -- Endprint "+ print +" --> "; // sets the print end area.
Prnhtml = bdhtml. substring (bdhtml. indexOf (sprnstr) + 18); // retrieves html from the start code

Prnhtml = prnhtml. substring (0, prnhtml. indexOf (eprnstr); // retrieves html from the end code
Too many Doc ument. body. innerHTML = prnhtml;
Window. print ();
Required parameter Doc ument. body. innerHTML = bdhtml;
}
Else
{
Window. print ();
}
}

However, I found that all the borders of the tables in the table could not be printed after I used them. I asked the Group experts for advice, the original background color and background image are not printed. First angry first ..
As a result, I wrote three classes with css to solve the problem. The printing in IE browser is normal, however, when using partial printing, there is no table, and after a bit of depressing, you can find bugs.
You can view the Page code to find out the difference between partial printing and full-page printing:
Observe the dig jscode repository Doc ument. body. innerHTML = prnhtml; the Code indicates that the code to be printed is obtained and assigned to the entire page code, but the code to be printed does not contain the body tag, therefore, the entire page is empty during local printing.
Modify as follows:

Code

Function preview (preview)
{
If (then <10)
{
Bdhtml###doc ument. body. innerHTML; // obtain the html code of the current page
Sprnstr = "<! -- Startprint "+ print +" --> "; // you can specify the start area for printing.
Eprnstr = "<! -- Endprint "+ print +" --> "; // sets the print end area.
Prnhtml = bdhtml. substring (bdhtml. indexOf (sprnstr) + 18); // retrieves html from the start code

Prnhtml = prnhtml. substring (0, prnhtml. indexOf (eprnstr); // retrieves html from the end code
Required parameter Doc ument. body. innerHTML = "<body>" + prnhtml + "</body> ";
Window. print ();
Required parameter Doc ument. body. innerHTML = bdhtml;
}
Else
{
Window. print ();
}
}

The local print after adding the body is normal!

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

Asp.net implements partial page printing.

Contact Us

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support