JavaWeb開發,使用jqprint呼叫印表機列印頁面
阿新 • • 發佈：2018-12-30
1、實現頁面列印要引入jQuery和Jqprint。點選下載Jqprint外掛
| 1 2 |
<script
language="javascript"
src="jquery-1.4.4.min.js"></script>
<script
language="javascript"
src="jquery.jqprint-0.3.js"></script>
|
2、HTML程式碼：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<div
id="print-area">
<table>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td><td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</table>
</div>
<input
type="button"
onclick=" print()"
value="列印">
|
3、JavaScript程式碼：
| 1 2 3 4 5 6 7 8 9 10 |
<script language="javascript">
function
print(){
$("#print-area").jqprint({
debug:
false,
importCSS:
true,
printContainer:
true,
operaSupport:
false
});
}
</script>
|
4、屬性
1) debug: false, //如果是true則可以顯示iframe檢視效果（iframe預設高和寬都很小，可以再原始碼中調大），預設是false
2) importCSS: true, //true表示引進原來的頁面的css，預設是true。（如果是true，先會找$("link[media=print]")，若沒有會去找$("link")中的css檔案）
3) printContainer: true, //表示如果原來選擇的物件必須被納入列印（注意：設定為false可能會打破你的CSS規則）。
4) operaSupport: false //表示如果外掛也必須支援歌opera瀏覽器，在這種情況下，它提供了建立一個臨時的列印選項卡。預設是true
5、特殊列印樣式
如果在列印時需要獨特的css樣式，除了可以直接寫在style屬性內還可以通過
<link href="printStyle.css" rel="stylesheet"type="text/css" media="print">
來引用外部css檔案中的樣式。這樣的好處是該樣式只會在列印時才應用。