實(shí)現(xiàn)web打印的各種方法介紹及實(shí)現(xiàn)代碼

2024-05-06 14:20:03

字體：大中小

供稿：網(wǎng)友

wed的打印方法具我自己懂得知道的有：
1、JQuery插件Jqprint實(shí)現(xiàn)
2、JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁打印
3、CSS控制網(wǎng)頁打印樣式

JQuery插件Jqprint實(shí)現(xiàn)：
首先要導(dǎo)入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">
這個(gè)打印時(shí)是顯示的
</div>
<divclass="my_hidden">
這個(gè)打印時(shí)是隱藏的。
</div>
<inputtype="button"id="print"/>

javascript代碼：
代碼如下:
<scripttype="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)原來的頁面的css，默認(rèn)是true。（如果是true，先會找$(“l(fā)ink[media=print]“)，若沒有會去找$(“l(fā)ink”)中的css文件）
printContainer:true,//表示如果原來選擇的對象必須被納入打印（注意：設(shè)置為false可能會打破你的CSS規(guī)則）。
operaSupport:true//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個(gè)臨時(shí)的打印選項(xiàng)卡。默認(rèn)是true
}

而我自己使用到的只有importCSS：原始頁面中的鏈接將導(dǎo)入到iframe。第一次它媒體searchs=打印，如果沒有，將導(dǎo)入的正常的css文件。

importCSS示例：
代碼如下:
$('.my_show').jqprint({
importCSS://CSS樣式文件
});

上一篇：js模仿html5 placeholder適應(yīng)于不支持的瀏覽器

下一篇：javascript之典型高階函數(shù)應(yīng)用介紹二