HTML超市购物券自动编号

追风

于 2023-01-05 16:55:34 发布

阅读量159

点赞数

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/weixin_53448880/article/details/128566508

版权

由于单位需批量打印超市购物券，编号需自动编号，所以简单设计此代码。

<!DOCTYPE html>
<html>

	<head>
		<title>打印</title>
		<meta charset="utf-8">
		<style>
		
			.printBox {
		float: left;
				width: 500px;
				height: 300px;
				border: 1px solid blue;
				text-align:center;
			}
			
		</style>
		 
		<!-- 打印的样式-->
		<style media="print">
			@page {
				size: auto;
				margin: 20px;
			}
			
		 .nei1 {
            page-break-before: always;
        }
		</style>
	</head>

	<body>

		    <div id="lie"  ></div>
		    
			<!--
		<button onclick='print_page()'>打印</button>
		-->
	</body>
	<script type="text/javascript">
	
	var zhi="1001";//开始编号
	var zhang="50";//打印张数
	
	
	
	var nei1="";
for (var p=0;p<zhang;p++){
var nei="";
var pp=p*10;
for (var i=0;i<10;i++)
{ var no=Number(zhi)+i+pp;
   nei +='<div class="printBox"><span><font size="5px">杭州超市储值卡-NO:'+no+'</font><span><br><br><span><font size="10px">壹拾元整</font><span><br><br><span><font size="5px"> 地  址：浙江省松阳县</font><span><br><span><font size="5px">   有效期：2022年12月20日-2023年4月15日</font><span></div>';

}
nei1 +='<div class="nei1">'+nei+'</div>';
}
document.getElementById("lie").innerHTML =nei1;

	</script>
	<script type="text/javascript">
		function print_page() {
			if(!!window.ActiveXObject || "ActiveXObject" in window) { //是否ie
				remove_ie_header_and_footer();
			}
			window.print();
		}

		function remove_ie_header_and_footer() {
			var hkey_path;
			hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
			try {
				var RegWsh = new ActiveXObject("WScript.Shell");
				RegWsh.RegWrite(hkey_path + "header", "");
				RegWsh.RegWrite(hkey_path + "footer", "");
			} catch(e) {}
		}
	</script>

</html>