欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2013年01月09日 16:10:29   作者:  
web的打印方法具我自己懂得知道的有:JQuery插件Jqprint實現(xiàn);JQery打印插件PrintArea實現(xiàn)網(wǎng)頁打印;CSS控制網(wǎng)頁打印樣式,本文詳細介紹實現(xiàn)步驟,感興趣的朋友可以了解下
wed的打印方法具我自己懂得知道的有:
1、JQuery插件Jqprint實現(xiàn)
2、JQery打印插件PrintArea實現(xiàn)網(wǎng)頁打印
3、CSS控制網(wǎng)頁打印樣式

JQuery插件Jqprint實現(xiàn)
首先要導入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>

該插件還提供了一些參數(shù)可配置,
復制代碼 代碼如下:

{
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樣式文件
});

相關文章

最新評論