web的各種前端打印方法之jquery打印插件jqprint實(shí)現(xiàn)網(wǎng)頁(yè)打印
更新時(shí)間：2013年01月09日 16:37:38 作者：
本文介紹JQuery插件Jqprint實(shí)現(xiàn)網(wǎng)頁(yè)打印，不懂的同學(xué)正可借此機(jī)會(huì)學(xué)習(xí)下，以備不時(shí)之需，話(huà)不多說(shuō)，切入主題
web的打印方法具我自己懂得知道的有：
1、JQuery插件Jqprint實(shí)現(xiàn)
2、JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁(yè)打印
3、CSS控制網(wǎng)頁(yè)打印樣式
JQuery插件Jqprint實(shí)現(xiàn)：
首先要導(dǎo)入js文件：
jquery.jqprint.js下載
<script language="javascript" src="jquery-1.7.1.min.js"></script>
<script language="javascript" src="jquery.jqprint.js"></script>html代碼：
<div class="my_show">
這個(gè)打印時(shí)是顯示的
</div>
<div class="my_hidden">
這個(gè)打印時(shí)是隱藏的。
</div>
<input type="button" id="print"/>
javascript代碼：
<script type="text/javascript">
$(document).ready(function() {
$("#print").click(function(){
$(".my_show").jqprint();
})
});
</script>
該插件還提供了一些參數(shù)可配置：
debug: false,//如果是true則可以顯示iframe查看效果（iframe默認(rèn)高和寬都很小，可以再源碼中調(diào)大），默認(rèn)是false
importCSS: true, //true表示引進(jìn)原來(lái)的頁(yè)面的css，默認(rèn)是true。（如果是true，先會(huì)找$(“l(fā)ink[media=print]“)，若沒(méi)有會(huì)去找$(“l(fā)ink”)中的css文件）
printContainer: true,//表示如果原來(lái)選擇的對(duì)象必須被納入打印（注意：設(shè)置為false可能會(huì)打破你的CSS規(guī)則）。
operaSupport: true//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個(gè)臨時(shí)的打印選項(xiàng)卡。默認(rèn)是true
而我自己使用到的只有importCSS：原始頁(yè)面中的鏈接將導(dǎo)入到 iframe。第一次它媒體 searchs = 打印，如果沒(méi)有，將導(dǎo)入的正常的 css 文件。
importCSS示例：
$('.my_show').jqprint({
importCSS://CSS樣式文件
});
1、JQuery插件Jqprint實(shí)現(xiàn)
2、JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁(yè)打印
3、CSS控制網(wǎng)頁(yè)打印樣式
JQuery插件Jqprint實(shí)現(xiàn)：
首先要導(dǎo)入js文件：
jquery.jqprint.js下載
復(fù)制代碼 代碼如下:
<script language="javascript" src="jquery-1.7.1.min.js"></script>
<script language="javascript" src="jquery.jqprint.js"></script>html代碼：
復(fù)制代碼 代碼如下:
<div class="my_show">
這個(gè)打印時(shí)是顯示的
</div>
<div class="my_hidden">
這個(gè)打印時(shí)是隱藏的。
</div>
<input type="button" id="print"/>
javascript代碼：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function() {
$("#print").click(function(){
$(".my_show").jqprint();
})
});
</script>
該插件還提供了一些參數(shù)可配置：
debug: false,//如果是true則可以顯示iframe查看效果（iframe默認(rèn)高和寬都很小，可以再源碼中調(diào)大），默認(rèn)是false
importCSS: true, //true表示引進(jìn)原來(lái)的頁(yè)面的css，默認(rèn)是true。（如果是true，先會(huì)找$(“l(fā)ink[media=print]“)，若沒(méi)有會(huì)去找$(“l(fā)ink”)中的css文件）
printContainer: true,//表示如果原來(lái)選擇的對(duì)象必須被納入打印（注意：設(shè)置為false可能會(huì)打破你的CSS規(guī)則）。
operaSupport: true//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個(gè)臨時(shí)的打印選項(xiàng)卡。默認(rèn)是true
而我自己使用到的只有importCSS：原始頁(yè)面中的鏈接將導(dǎo)入到 iframe。第一次它媒體 searchs = 打印，如果沒(méi)有，將導(dǎo)入的正常的 css 文件。
importCSS示例：
復(fù)制代碼 代碼如下:
$('.my_show').jqprint({
importCSS://CSS樣式文件
});
相關(guān)文章
這篇文章主要給大家分享了15款jQuery分布引導(dǎo)插件,需要的朋友可以參考下2015-02-02
jQuery實(shí)現(xiàn)類(lèi)似淘寶網(wǎng)圖片放大效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)類(lèi)似淘寶網(wǎng)圖片放大效果的方法,實(shí)例分析了jquery實(shí)現(xiàn)圖片放大效果的方法,涉及jquery操作鼠標(biāo)事件及頁(yè)面元素屬性修改的相關(guān)技巧,需要的朋友可以參考下2015-07-07
jQuery實(shí)現(xiàn)方法的鏈?zhǔn)讲僮魇欠浅Ｈ菀椎?。這里給出正確的使用方法2014-01-01
這篇文章主要介紹了jquery分割字符串的方法,涉及jQuery中使用split方法進(jìn)行字符串分割的相關(guān)技巧,需要的朋友可以參考下2015-06-06
本文主要對(duì)jQuery的extend方法的用法做了簡(jiǎn)要闡述，具有一定的參考價(jià)值，需要的朋友可以參考借鑒2016-12-12
這篇文章主要 介紹了jQuery利用jquery.qrcode.min.js插件實(shí)現(xiàn)二維碼掃描功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了JQuery常用選擇器功能與用法,結(jié)合實(shí)例形式分析了jquery常見(jiàn)選擇器基本功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery層級(jí)選擇器實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
animate用于創(chuàng)建自定義動(dòng)畫(huà)的函數(shù)，這個(gè)函數(shù)的關(guān)鍵在于指定動(dòng)畫(huà)形式及結(jié)果樣式屬性對(duì)象，接下來(lái)為大家介紹下它的使用方法，感興趣的朋友可以參考下哈2013-03-03
jQuery 1.9移除了$.browser可以使用$.support來(lái)替代
這篇文章主要介紹jQuery 1.9 移除了 $.browser 的替代方法,需要的朋友可以參考下2014-09-09