⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 reporttemplate.htm

📁 webprint是一个基于表格的页面打印解决方案.先将要打印的数据及样式组织到一个HTML的TABLE元素中, 然后将这个TABLE元素传给webprint,实现分页打印预览,出打印对话框打印和直接打
💻 HTM
字号:
<html>
<head>
	<STYLE MEDIA="PRINT">    
		 .noprint{display:none;}
	</STYLE>
	<STYLE MEDIA="SCREEN">    
		.noprint {display:block;}
	</STYLE>
	<script language="javascript">
		var print = null;
		var paperTypes = {
			A4:{name:"A4",width:210,height:297},
			hrsoft:{name:"hrsoft",width:218,height:140}
		};

		function Preview(){
			if (print.defaultPrinterName.length==0){
				alert("请先安装打印机,再执行此功能!");
				return;
			}
			print.InitPrint();
			print.companyName = "杭州慧软网络科技有限公司";
			print.seriesNo = "9325-9332-4763-1185" ; 
			setParameters();
			print.Preview();
		}

		function Print(){  
			if (print.defaultPrinterName.length==0){
				alert("请先安装打印机,再执行此功能!");
				return;
			}
			print.InitPrint();
			print.companyName = "杭州慧软网络科技有限公司";
			print.seriesNo = "9325-9332-4763-1185" ;
			setParameters();
      //print.Print();  //弹出打印对话框(默认值)
			print.Print(true);  //true   不出打印对话框直接打印
		}

    var printCall = null;
		window.onload = function(){
			
			measurePxPerMM();
			print = document.all.eprint;
			setParameters();

		}

		function measurePxPerMM(){
			var px = document.getElementById("tip").offsetWidth;

			document.getElementById("tip").removeNode(true);
		}

		function setParameters(){
		    //print.SetMarginMeasure(1);  //设置单位  1:毫米(默认值) 2:英寸
		    //print.marginTop = 5;   //页面上边距
		    //print.marginLeft = 5; //页面左边距
		    //print.marginRight = 5; //页面右边距
		    //print.marginBottom = 5; //页面底边距
		    print.header = "第 &p 页 / 共 &P 页";  //页面的页眉信息,设置值可以和下面IE的页眉页脚代码合并设置
		    //print.footer = "" ;  //页面的页脚信息,设置值可以和下面IE的页眉页脚代码合并设置,如:“第 &p 页 / 共 &P 页”
        //print.copies = 1; //打印份数
        //print.selectedPages = false; //true:选择页打印  false:不选择页打印(默认值)
                                       //pageFrom和pageTo的设置必须在selectedPages属性值为true时才能生效
        //print.pageFrom = 2;  //打印开始页数
        //print.pageTo = 4;     //打印结束页
        //print.currentPage = true;//打印当前页,true:打印当前页;false:不打印当前页(默认值)
                                   //当eprint.currentPage= true 和eprint.selectedPages = true时,则那个设置在最后则那个属性值有效。
        //print.orientation = 1;  //1:纵向,2:横向
        print.paperSize = "A4"; //定制A4 纸打印 
        //print.paperSource = "单张";   //纸张来源(设置值与打印机的纸张来源一致) 
        //print.paperSize = "票据打印"; //用户自定义
        //print.pageWidth = 6; //打印页面的宽
        //print.pageHeight = 8;  //打印页面的高
        //print.zoomValue = "100";//打印预览时候的显示缩放比例(打开预览页面按100%的方式显示)

		}
			
	</script>
	<title>打印</title>
</head>
	
<body style="margin:0">

<div id="tip" style="position:absolute;left:1;width:100mm;border:1 solid red;">正在生成打印页面.. </div>

<center>
<div id="xx" class="">xx</div>

<p>
	
<div class="noprint">
	<object id=eprint classid="clsid:CA03A5A8-9890-49BE-BA4A-8C524EB06441" codebase="eprint.cab#Version=3,0,0,6" viewasext VIEWASTEXT> </object>
	<p>
	<input type="button" value="打印预览" onclick="Preview()"/>
	<input type="button" value=" 打  印 " onclick="Print()"/>

</div>
</center>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -