js calls the browser printing module to trigger a custom function by clicking the button_javascript skills

The main content of this article:

If you use the print button that comes with the browser, you cannot perform other printing-related operations, such as passing the number of prints, etc. Therefore, you need to retain the browser printing function and assign it to the button you added. You can trigger a custom function when the button is clicked.

Copy code The code is as follows:

<input type="button" class="btnPrint " id="btnPrint" value="Print" />
<iframe frameborder=0 width="100%" height="400px" id="printPDFIframe" src=""<span style="white -space:pre"> </span>></iframe>

Copy code The code is as follows:

<script type="text/javascript">
$("#btnPrint").click(function(){
<pre code_snippet_id= "248441" snippet_file_name="blog_20140321_2_4849863" name="code" class="javascript"><span style="white-space:pre"> </span>printPDF();</pre> }) ; function printPDF(){ if (navigator.appName == 'Microsoft Internet Explorer'){ //Wait until PDF is ready to print if(typeof document.getElementById("printPDFIframe").print == 'undefined'){ setTimeout (function(){printPDF("printPDFIframe");},
1000); }else{ var x = document.getElementById("printPDFIframe"); x.print(); } }else{ PDFIframeLoad(); / / for chrome } } //for Chrome has cancellation/confirmation and cannot be sent directly to the printer function PDFIframeLoad() { debugger; var iframe = document.getElementById("printPDFIframe"); if(iframe.src)
{ var frm = iframe.contentWindow; frm.focus();// focus on contentWindow is needed on some ie versions frm.print(); return false; } }</script>
<pre></pre>
<pre></pre>