您所在位置：主题：web打印控件
slcy147
[专家分：0] 发布于 2010-12-13 12:10:00
web打印控件
用过很多打印控件，要么浏览器不兼容，要么其他问题，今天发现一款比较好的，一起分享一下吧。
用起来很简单。拷贝下面的代码，直接在本地打开就可以看到效果了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>打印PUZU</title>
<!--＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊引入PAZU 控件↓＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊-->
<script language="javascript">
//预先选中的纸张
var strDefaultPaper='letter';
//1.载入打印机和纸张列表
function viewinit(){
//alert(1);
listPrinters();
// alert(2);
//2.页面载入立即打印
demo();
// alert(3);
}
//列出所有的打印机
function listPrinters(){
var ps=pazu.TPrinter.getPrinters();
//获得是一个以回车换行分隔的字符串
// alert(ps);
var pa=ps.split("\r\n");
for(var i=0;i<pa.length;i++){
//alert(pa);
var Op = document.createElement("option");
Op.text = pa;
Op.value =pa;
try{printers.add(Op);}catch(ex){alert(ex.message)}
}
}
function demo(){
/*跳过IE打印选择提示*/
var isPromtUser=false;
/*页面设置*/
var sPrinter=printers.value;
var isprev=true;
// alert(pazu);
// myPageSetup("margin_bottom","0.16000");
// myPageSetup("margin_top","0.16000");
// myPageSetup("margin_left","0.16500");
// myPageSetup("margin_right","0.16667");
pazu.TPrinter.marginTop=parseInt(34); //属性 上边距
pazu.TPrinter.marginBottom=parseInt(30); //属性 下边距
pazu.TPrinter.marginLeft=parseInt(12); //属性 左边距
pazu.TPrinter.marginRight=parseInt(12); //属性 右边距
pazu.TPrinter.footer="あ"; //属性 页脚
pazu.TPrinter.header="あ"; //属性 页眉
pazu.TPrinter.orientation=2; //属性 整型：纸张方向 1=纵向 2=横向
pazu.TPrinter.paperName="A4"; //属性 纸张大小名称
pazu.TPrinter.printerName=sPrinter; //属性 打印机名称
pazu.TPrinter.isPrintBackground=true; //属性 是否打印背景 true / false
pazu.TPrinter.isZoomOutToFit=true; //属性 是否缩放以适应大小打印 true / false
pazu.TPrinter.printTemplate=""; //属性 打印模板的URL
pazu.TPrinter.copies=1; //属性 打印份数
pazu.TPrinter.range="0"; //属性 页面范围
pazu.TPrinter.isCopyByCopy=false; //属性 是否整份打印结束后再打印下一份 true / false
//pazu.TPrinter.getDefaultPrinter() ; //方法 获得默认打印机的对象
//alert( pazu.TPrinter.getDefaultPrinter());
//pazu.TPrinter.printToDefaultPrinter //方法 把要打印的字符串输送到默认打印机（配合getDefaultPrinter 使用）
//pazu.TPrinter.getPaperForms //方法 返回所有纸张格式的列表，以vbCrlf 分割
//pazu.TPrinter.getPrinters //方法 返回一个打印机列表，以vbCrlf 分割
//pazu.TPrinter.createPaper //方法 按指定的宽度和高度创建自定义纸张 请看示例
//pazu.TPrinter.doPrint //方法 执行打印
//pazu.TPrinter.doPrint_ //方法 执行打印但是不进行页面参数设置
//pazu.TPrinter.doPreview //方法 打印预览
//pazu.TPrinter.doPageSetup() ; //方法 执行页面参数的设置
//pazu.TPrinter.showPageSetup(); //方法 弹出页面设置窗口
// pazu.TPrinter.writeHTMLtoOfficeFile();// 方法 把HTML导出为Office EXCEL或者 Word格式文件
//要指定打印那个Frame只要用javascript 让那个Frame获得焦点就可以了
//注意：这种方式下是不能预览的，只能立即打印。否则预览看到的是整个网页，而不是指定的frame
//if(isfrm.checked){
// isprev=false;
// window.frames['myifrm'].focus();
//}
// if(isprev){
pazu.TPrinter.doPreview();
// // alert(44);
// }else{
// pazu.TPrinter.doPrint(isPromtUser);
// }
}
String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
}
function isNum (n){
if(isNaN(n))return false;
return true;
}
</script>
</head>
<body onload="viewinit()">
<!--引入PAZU 控件-->
<div style="display:none">
<object classid="clsid:AF33188F-6656-4549-99A6-E394F0CE4EA4" codebase="http://www.4Fang.net/4ff/sc_setup.exe" id="pazu" name="pazu">
<param name="License" value="2AE816BA3A24A9BA3F01162E7BF420F4"/>
</object>
</div>
<select id="printers" style="width:400px" onchange="listPapers()">
</select>
<form id="form1" runat="server">
<div>
这是打印测试页面
<table width="100%%" border="1">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
效果非常不错！
用过很多打印控件，要么浏览器不兼容，要么其他问题，今天发现一款比较好的，一起分享一下吧。
用起来很简单。拷贝下面的代码，直接在本地打开就可以看到效果了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>打印PUZU</title>
<!--＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊引入PAZU 控件↓＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊-->
<script language="javascript">
//预先选中的纸张
var strDefaultPaper='letter';
//1.载入打印机和纸张列表
function viewinit(){
//alert(1);
listPrinters();
// alert(2);
//2.页面载入立即打印
demo();
// alert(3);
}
//列出所有的打印机
function listPrinters(){
var ps=pazu.TPrinter.getPrinters();
//获得是一个以回车换行分隔的字符串
// alert(ps);
var pa=ps.split("\r\n");
for(var i=0;i<pa.length;i++){
//alert(pa);
var Op = document.createElement("option");
Op.text = pa;
Op.value =pa;
try{printers.add(Op);}catch(ex){alert(ex.message)}
}
}
function demo(){
/*跳过IE打印选择提示*/
var isPromtUser=false;
/*页面设置*/
var sPrinter=printers.value;
var isprev=true;
// alert(pazu);
// myPageSetup("margin_bottom","0.16000");
// myPageSetup("margin_top","0.16000");
// myPageSetup("margin_left","0.16500");
// myPageSetup("margin_right","0.16667");
pazu.TPrinter.marginTop=parseInt(34); //属性 上边距
pazu.TPrinter.marginBottom=parseInt(30); //属性 下边距
pazu.TPrinter.marginLeft=parseInt(12); //属性 左边距
pazu.TPrinter.marginRight=parseInt(12); //属性 右边距
pazu.TPrinter.footer="あ"; //属性 页脚
pazu.TPrinter.header="あ"; //属性 页眉
pazu.TPrinter.orientation=2; //属性 整型：纸张方向 1=纵向 2=横向
pazu.TPrinter.paperName="A4"; //属性 纸张大小名称
pazu.TPrinter.printerName=sPrinter; //属性 打印机名称
pazu.TPrinter.isPrintBackground=true; //属性 是否打印背景 true / false
pazu.TPrinter.isZoomOutToFit=true; //属性 是否缩放以适应大小打印 true / false
pazu.TPrinter.printTemplate=""; //属性 打印模板的URL
pazu.TPrinter.copies=1; //属性 打印份数
pazu.TPrinter.range="0"; //属性 页面范围
pazu.TPrinter.isCopyByCopy=false; //属性 是否整份打印结束后再打印下一份 true / false
//pazu.TPrinter.getDefaultPrinter() ; //方法 获得默认打印机的对象
//alert( pazu.TPrinter.getDefaultPrinter());
//pazu.TPrinter.printToDefaultPrinter //方法 把要打印的字符串输送到默认打印机（配合getDefaultPrinter 使用）
//pazu.TPrinter.getPaperForms //方法 返回所有纸张格式的列表，以vbCrlf 分割
//pazu.TPrinter.getPrinters //方法 返回一个打印机列表，以vbCrlf 分割
//pazu.TPrinter.createPaper //方法 按指定的宽度和高度创建自定义纸张 请看示例
//pazu.TPrinter.doPrint //方法 执行打印
//pazu.TPrinter.doPrint_ //方法 执行打印但是不进行页面参数设置
//pazu.TPrinter.doPreview //方法 打印预览
//pazu.TPrinter.doPageSetup() ; //方法 执行页面参数的设置
//pazu.TPrinter.showPageSetup(); //方法 弹出页面设置窗口
// pazu.TPrinter.writeHTMLtoOfficeFile();// 方法 把HTML导出为Office EXCEL或者 Word格式文件
//要指定打印那个Frame只要用javascript 让那个Frame获得焦点就可以了
//注意：这种方式下是不能预览的，只能立即打印。否则预览看到的是整个网页，而不是指定的frame
//if(isfrm.checked){
// isprev=false;
// window.frames['myifrm'].focus();
//}
// if(isprev){
pazu.TPrinter.doPreview();
// // alert(44);
// }else{
// pazu.TPrinter.doPrint(isPromtUser);
// }
}
String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
}
function isNum (n){
if(isNaN(n))return false;
return true;
}
</script>
</head>
<body onload="viewinit()">
<!--引入PAZU 控件-->
<div style="display:none">
<object classid="clsid:AF33188F-6656-4549-99A6-E394F0CE4EA4" codebase="http://www.4Fang.net/4ff/sc_setup.exe" id="pazu" name="pazu">
<param name="License" value="2AE816BA3A24A9BA3F01162E7BF420F4"/>
</object>
</div>
<select id="printers" style="width:400px" onchange="listPapers()">
</select>
<form id="form1" runat="server">
<div>
这是打印测试页面
<table width="100%%" border="1">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
效果非常不错！