DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> web的各種前端打印方法之jquery打印插件jqprint實現網頁打印
web的各種前端打印方法之jquery打印插件jqprint實現網頁打印
編輯:JQuery特效代碼     
web的打印方法具我自己懂得知道的有:

1、JQuery插件Jqprint實現
2、JQery打印插件PrintArea實現網頁打印
3、CSS控制網頁打印樣式

JQuery插件Jqprint實現
首先要導入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">
這個打印時是顯示的
</div>
<div class="my_hidden">
這個打印時是隱藏的。
</div>
<input type="button" id="print"/>

javascript代碼
. 代碼如下:
<script type="text/javascript">
$(document).ready(function() {
$("#print").click(function(){
$(".my_show").jqprint();
})
});
</script>

該插件還提供了一些參數可配置:
debug: false,//如果是true則可以顯示iframe查看效果(iframe默認高和寬都很小,可以再源碼中調大),默認是false
importCSS: true, //true表示引進原來的頁面的css,默認是true。(如果是true,先會找$(“link[media=print]“),若沒有會去找$(“link”)中的css文件)
printContainer: true,//表示如果原來選擇的對象必須被納入打印(注意:設置為false可能會打破你的CSS規則)。
operaSupport: true//表示如果插件也必須支持歌opera浏覽器,在這種情況下,它提供了建立一個臨時的打印選項卡。默認是true
而我自己使用到的只有importCSS:原始頁面中的鏈接將導入到 iframe。第一次它媒體 searchs = 打印,如果沒有,將導入的正常的 css 文件。

importCSS示例
. 代碼如下:
$('.my_show').jqprint({
importCSS://CSS樣式文件
});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved