實現web打印的各種方法介紹及實現代碼
更新時間：2013年01月09日 16:10:29 作者：
web的打印方法具我自己懂得知道的有：JQuery插件Jqprint實現;JQery打印插件PrintArea實現網頁打印;CSS控制網頁打印樣式,本文詳細介紹實現步驟，感興趣的朋友可以了解下
wed的打印方法具我自己懂得知道的有：
1、JQuery插件Jqprint實現
2、JQery打印插件PrintArea實現網頁打印
3、CSS控制網頁打印樣式
JQuery插件Jqprint實現：
首先要導入js文件：
jquery.jqprint.js下載
<scriptlanguage="javascript"src="jquery-1.7.1.min.js"></script>
<scriptlanguage="javascript"src="jquery.jqprint.js"></script>
html代碼：
<divclass="my_show">
這個打印時是顯示的
</div>
<divclass="my_hidden">
這個打印時是隱藏的。
</div>
<inputtype="button"id="print"/>
javascript代碼：
<scripttype="text/javascript">
$(document).ready(function(){
$("#print").click(function(){
$(".my_show").jqprint();
})
});
</script>
該插件還提供了一些參數可配置，
{
debug:false,//如果是true則可以顯示iframe查看效果（iframe默認高和寬都很小，可以再源碼中調大），默認是false
importCSS:true,//true表示引進原來的頁面的css，默認是true。（如果是true，先會找$(“l(fā)ink[media=print]“)，若沒有會去找$(“l(fā)ink”)中的css文件）
printContainer:true,//表示如果原來選擇的對象必須被納入打?。ㄗ⒁猓涸O置為false可能會打破你的CSS規(guī)則）。
operaSupport:true//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個臨時的打印選項卡。默認是true
}
而我自己使用到的只有importCSS：原始頁面中的鏈接將導入到iframe。第一次它媒體searchs=打印，如果沒有，將導入的正常的css文件。
importCSS示例：
$('.my_show').jqprint({
importCSS://CSS樣式文件
});
1、JQuery插件Jqprint實現
2、JQery打印插件PrintArea實現網頁打印
3、CSS控制網頁打印樣式
JQuery插件Jqprint實現：
首先要導入js文件：
jquery.jqprint.js下載
復制代碼 代碼如下:
<scriptlanguage="javascript"src="jquery-1.7.1.min.js"></script>
<scriptlanguage="javascript"src="jquery.jqprint.js"></script>
html代碼：
復制代碼 代碼如下:
<divclass="my_show">
這個打印時是顯示的
</div>
<divclass="my_hidden">
這個打印時是隱藏的。
</div>
<inputtype="button"id="print"/>
javascript代碼：
復制代碼 代碼如下:
<scripttype="text/javascript">
$(document).ready(function(){
$("#print").click(function(){
$(".my_show").jqprint();
})
});
</script>
該插件還提供了一些參數可配置，
復制代碼 代碼如下:
{
debug:false,//如果是true則可以顯示iframe查看效果（iframe默認高和寬都很小，可以再源碼中調大），默認是false
importCSS:true,//true表示引進原來的頁面的css，默認是true。（如果是true，先會找$(“l(fā)ink[media=print]“)，若沒有會去找$(“l(fā)ink”)中的css文件）
printContainer:true,//表示如果原來選擇的對象必須被納入打?。ㄗ⒁猓涸O置為false可能會打破你的CSS規(guī)則）。
operaSupport:true//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個臨時的打印選項卡。默認是true
}
而我自己使用到的只有importCSS：原始頁面中的鏈接將導入到iframe。第一次它媒體searchs=打印，如果沒有，將導入的正常的css文件。
importCSS示例：
復制代碼 代碼如下:
$('.my_show').jqprint({
importCSS://CSS樣式文件
});
相關文章
這篇文章主要為大家詳細介紹了解決js圖片加載時出現404問題的方法，具有一定的參考價值，這方面有困惑的朋友可以參考一下2015-11-11
有時候會遇到要把前端發(fā)送過來的圖片的文件base64編碼轉化成圖片,所以下面這篇文章主要給大家介紹了關于前端base64與圖片相互轉換的相關資料,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了JavaScript基于面向對象實現的猜拳游戲,結合完整實例形式分析了javascript基于面向對象實現猜拳游戲的具體頁面布局、樣式及功能相關操作技巧,需要的朋友可以參考下2018-01-01
JS常用正則表達式總結。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了JS代碼實現根據時間變換頁面背景效果的相關資料，非常不錯，具有參考借鑒價值，需要的朋友一起看下吧2016-06-06
這篇文章主要介紹了微信小程序實現錄制、試聽、上傳音頻功能（帶波形圖）,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-02-02
使用 JScript 創(chuàng)建 .exe 或 .dll 文件的方法
JScript 是由微軟開發(fā)的活動腳本語言，基于 ECMAScript 規(guī)范實現。Internet Explorer 中的 JavaScript，實際上是指 JScript。2011-07-07
js loading加載效果實現代碼，這個是在asp.net下的輸出j代碼，實現頁面加載效果。2009-11-11
這篇文章主要介紹了JS實現獲取數組中最大值或最小值功能,結合實例形式總結分析了javascript獲取數組最大值與最小值的三種常見操作技巧,需要的朋友可以參考下2019-03-03
js獲取上傳文件大小在ie下要改安全設置中的對為標記為可安全執(zhí)行腳本的ActiveX空間初始化并執(zhí)行,需要的朋友可以參考下2014-04-04