客户提出页面打印时实现自动横向打印的功能。在Google和百度上查了很多资料,web打印的方式很多,有利用浏览器自带的打印控件实现打印的,但是这种方式能够调整页眉、页脚,不能调整打印方向。更多是利用控件的方式。有smsx.cab,是个国外的控件,而且是收费的。网络上的资料也很多,但是没试成功。也有免费的控件,但是好多没有相应的技术资料。最终找到一款免费的控件,简单好用,而且还有技术资料支持。四方在线公司的PAZU打印控件。这是公司的技术支持文档。http://www.4fang.net/tech/PAZU-LCS/
用起来很简单。拷贝下面的代码,直接在本地打开就可以看到效果了。
<!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[i]);
var Op = document.createElement("option");
Op.text = pa[i];
Op.value =pa[i];
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>本篇文章来源于 4Fang财务软件论坛 http://bbs.4fang.net 原文出处:http://bbs.4fang.net/showtopic-5791.aspx
用起来很简单。拷贝下面的代码,直接在本地打开就可以看到效果了。
<!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[i]);
var Op = document.createElement("option");
Op.text = pa[i];
Op.value =pa[i];
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>本篇文章来源于 4Fang财务软件论坛 http://bbs.4fang.net 原文出处:http://bbs.4fang.net/showtopic-5791.aspx
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货