Home JAVASCRIPT How to print the page using javascript

How to print the page using javascript?

1) Print Window On Load:
using page load we can print easily print the page:
<script type=”text/javascript”>
window.onload = function() { window.print(); }

2) Ater clicking the link also we can print the page:
<a href=”javascript:window.print()”>Print This Page</a>

3) Print Div Content Using JavaScript
instead of printing an entire page we can print a section from the page (based on DIV ID).

 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Print Page Example</title> <script language="javascript" type="text/javascript"> function printPage(divID) { //Get the HTML of div var divElements = document.getElementById(divID).innerHTML; //Get the HTML of whole page var oldPage = document.body.innerHTML; //Reset the page's HTML with div's HTML only document.body.innerHTML = "<html><head><title></title></head><body>" + divElements + "</body>"; //Print Page window.print(); //Restore orignal HTML document.body.innerHTML = oldPage; } </script> </head> <body> <form id="frmPrint"> <div id="printSection" style="width: 100%; background-color: Green; height: 200px"> Print me TheBlogReaders.com </div> <div id="noprintSection" style="width: 100%; background-color: Yellow; height: 200px"> THIS SECTION NOT PRINTING </div> <input type="button" value="Print First Section" onclick="javascript:printPage('printSection')" /> </form> </body> </html> 

You may also like

Leave a Comment