a.用JS的window.print();實現(xiàn)最簡單
目前成都創(chuàng)新互聯(lián)公司已為成百上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計、南岸網(wǎng)站維護(hù)等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
b.因該方法是打印全部頁面,所以要先把整個頁面替換成待打印的內(nèi)容,執(zhí)行打印后,再替換回來即:
var bodyHTML=window.document.body.innerHTML;
window.document.body.innerHTML=$('#xxx').html();
window.print();
window.document.body.innerHTML=bodyHTML;
例如我要打印這張圖
執(zhí)行該方法后:
1、實現(xiàn)頁面打印要引入jQuery和Jqprint。點擊下載Jqprint插件;
2、HTML代碼;
3、JavaScript代碼;
4、屬性;
1) debug: false, ?????????//如果是true則可以顯示iframe查看效果(iframe默認(rèn)高和寬都很小,可以再源碼中調(diào)大),默認(rèn)是false ?。
2) importCSS: true, ??????//true表示引進(jìn)原來的頁面的css,默認(rèn)是true。(如果是true,先會找$("link[media=print]"),若沒有會去找$("link")中的css文件) ?。
3) printContainer: true, ?//表示如果原來選擇的對象必須被納入打?。ㄗ⒁猓涸O(shè)置為false可能會打破你的CSS規(guī)則)。
4) operaSupport: false ???//表示如果插件也必須支持歌opera瀏覽器,在這種情況下,它提供了建立一個臨時的打印選項卡。默認(rèn)是true。
5、特殊打印樣式;
如果在打印時需要獨特的css樣式,除了可以直接寫在style屬性內(nèi)還可以通過來引用外部css文件中的樣式。這樣的好處是該樣式只會在打印時才應(yīng)用。
Query是一套跨瀏覽器的JavaScript庫,簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發(fā)布第一個版本。
目前是由 Dave Methvin 領(lǐng)導(dǎo)的開發(fā)團(tuán)隊進(jìn)行開發(fā)。全球前10000個訪問最高的網(wǎng)站中,有59%使用了jQuery,是目前最受歡迎的JavaScript庫。
特點
1.動態(tài)特效;
2.AJAX;
3.通過插件來擴展;
4.方便的工具 - 例如瀏覽器版本判斷;
5.漸進(jìn)增強;
6.鏈?zhǔn)秸{(diào)用;
7.多瀏覽器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了對Internet Explorer6,7,8的支持)。
jquery打印出自己的名字操作:
1、打印用echarts做出來的圖表,打印的時候,要借助jquery的打印插件。
2、打印所需插件。
3、引入JS文件。
4、給前端添加一個打印按鈕。
5、JS實現(xiàn)打印功能代碼。
6、最終效果。
客戶需要在頁面有一個打印按鈕,點擊之后可以打印Echarts圖表的內(nèi)容以及文字提示信息,經(jīng)谷歌搜索發(fā)現(xiàn),實現(xiàn)方法大概有三種之多,其他兩種不太熟悉,而采用的這種打印方式是一個在jQuery的基本上開發(fā)的一個print插件,因此可以使用jQuery的方式查找元素,因此決定采用這種方式。
先看一下實現(xiàn)的效果圖,如下:
注意這里是先引入的jQuery文件,如果沒有引入第一個js文件的話,會出現(xiàn)兼容性問題,導(dǎo)致使用jqprint打印時報錯。
當(dāng)然下面還有很多的html標(biāo)簽,在這里就不展示了。
div class="my_show"
這個是打印時顯示的。
/div
div class="my_hidden"
這個是打印時隱藏的。
/div
input type="button" id="print"/
當(dāng)前題目:jquery打印插件,html打印插件
URL網(wǎng)址:http://m.rwnh.cn/article0/phpsio.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、外貿(mào)建站、用戶體驗、小程序開發(fā)、面包屑導(dǎo)航、網(wǎng)站排名
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)