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