js調(diào)用瀏覽器打印模塊實現(xiàn)點擊按鈕觸發(fā)自定義函數(shù)
更新時間：2014年03月21日 11:12:49 作者：
把瀏覽器打印的功能保留并賦予到自己添加的按鈕當中，可以在點擊按鈕的同時觸發(fā)自定義的函數(shù)
本文主要內(nèi)容：
如果用瀏覽器自帶的打印按鈕，無法進行其余和打印相關(guān)的操作，如傳遞打印次數(shù)等等。所以需要把瀏覽器打印的功能保留并賦予到自己添加的按鈕當中，可以在點擊按鈕的同時觸發(fā)自定義的函數(shù)。
<input type="button" class="btnPrint" id="btnPrint" value="打印" />
<iframe frameborder=0 width="100%" height="400px" id="printPDFIframe" src=""<span style="white-space:pre"> </span>></iframe>
<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 有取消/確認, 無法直接發(fā)送到打印機 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>
如果用瀏覽器自帶的打印按鈕，無法進行其余和打印相關(guān)的操作，如傳遞打印次數(shù)等等。所以需要把瀏覽器打印的功能保留并賦予到自己添加的按鈕當中，可以在點擊按鈕的同時觸發(fā)自定義的函數(shù)。
復(fù)制代碼 代碼如下:
<input type="button" class="btnPrint" id="btnPrint" value="打印" />
<iframe frameborder=0 width="100%" height="400px" id="printPDFIframe" src=""<span style="white-space:pre"> </span>></iframe>
復(fù)制代碼 代碼如下:
<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 有取消/確認, 無法直接發(fā)送到打印機 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>
相關(guān)文章
(function(){})()的用法與優(yōu)點...2007-03-03
uniapp微信小程序訂閱消息發(fā)送服務(wù)通知超詳細教程
在使用或開發(fā)小程序過程中,我們會發(fā)現(xiàn)消息通知是非常重要的一個環(huán)節(jié),下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序訂閱消息發(fā)送服務(wù)通知的相關(guān)資料,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了JavaScript設(shè)計模式之命令模式，對設(shè)計模式感興趣的同學(xué)，可以參考下2021-04-04
JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法
這篇文章主要介紹了JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法,可實現(xiàn)javascript針對頁面復(fù)選框元素的統(tǒng)計與提示功能,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JS建造者模式基本用法,以一個完整實例形式較為詳細的分析了javascript建造者模式的實現(xiàn)方法,需要的朋友可以參考下2015-06-06
深入理解javascript動態(tài)插入技術(shù)
這篇文章介紹了javascript動態(tài)插入技術(shù)，有需要的朋友可以參考一下2013-11-11
本文介紹了“node在兩個div之間移動,用ztree實現(xiàn)”的方法，需要的朋友可以參考一下2013-03-03
很早之前就想分享這篇心得，幸之今天能在這里完成，好了，話不多說，進入正題。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
利用JavaScript實現(xiàn)繪制2023新年煙花的示例代碼
大家過年好！新春佳節(jié)，在這個充滿喜悅的日子里，愿新年的鐘聲帶給你一份希望和期待。在這喜慶的日子里，小編和大家分享一個煙花代碼，希望大家能夠喜歡2023-01-01
這篇文章主要為大家詳細介紹了js實現(xiàn)驗證碼干擾，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-02-02