`
weiwei5910
  • 浏览: 27702 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类

HTML 网页打印实现分页打印功能

 
阅读更多
<html>
	<head>
		<title>页面打印</title>
		<!--media=print 这个属性在打印时有效 有些不想打印出来的分页打印的都可以应用这类样式进行控制 在非打印时是无效的(可从打印预览中看到效果)-->
		<style media=print>
			/* 应用这个样式的在打印时隐藏 */
			.noPrint {
				display: none;
			}
			
			/* 应用这个样式的,从那个标签结束开始另算一页,之后在遇到再起一页,以此类推 */
			.page {
				page-break-after: always;
			}
		</style>

		<!-- 这个是普通样式 -->
		<style type="text/css">
			.tab td {
				border-bottom: 1 solid #000000;
				border-left: 1 solid #000000;
				border-right: 0 solid #ffffff;
				border-top: 0 solid #ffffff;
			}
			
			.tab {
				border-color: #000000 #000000 #000000 #000000;
				border-style: solid;
				border-top-width: 2px;
				border-right-width: 2px;
				border-bottom-width: 1px;
				border-left-width: 1px;
			}
			
			.hr {
				font-family: "宋体";
				font-size: 9pt;
			}
		</style>
		<script language="JavaScript" type="text/JavaScript">
			var hkey_root, hkey_path, hkey_key;   
			hkey_root = "HKEY_CURRENT_USER";
			hkey_path = "//Software//Microsoft//Internet Explorer//PageSetup//";
			//这个是用来设置打印页眉页脚的,你可以设置为空或者其它
			try{   
				var RegWsh = new ActiveXObject("WScript.Shell"); 
				hkey_key="header";
				RegWsh.RegWrite(hkey_root+hkey_path+hkey_key, "&w&b页码,&p/&P");
				hkey_key="footer";
				RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"");
			}catch(e){
				alert(e.description());
			}
	</script>
	</head>
	<body bgcolor="white">
		<table cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
			<thead class="noPrint">
				<tr>
					<td align="center" colspan="3">
						<center class="NoPrint">
							<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT>
							<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
							<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6) />
							<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1) />
							<input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1) />
							<!--
							关于这个组件还有其他的用法,列举如下: 
							WebBrowser.ExecWB(1,1) 打开 
							Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 
							Web.ExecWB(4,1) 保存网页 
							Web.ExecWB(6,1) 打印 
							Web.ExecWB(7,1) 打印预览 
							Web.ExecWB(8,1) 打印页面设置 
							Web.ExecWB(10,1) 查看页面属性 
							Web.ExecWB(15,1) 好像是撤销,有待确认 
							Web.ExecWB(17,1) 全选 
							Web.ExecWB(22,1) 刷新 
							Web.ExecWB(45,1) 关闭窗体无提示 
							-->
						</center>
					</td>
				</tr>
			</thead>
			<tr>
				<td align="center" colspan="3" style="font-size: 24px">
					<b>报告印章申请表</b>
				</td>
			</tr>
			<tr>
				<td align="left" colspan="2">编号:A002</td>			
				<td align="right"></td>
			</tr>
			<tr>
				<td colspan="3">
					<table class="tab" cellSpacing="0" cellPadding="0" width="100%">
						<tr align="center" height="23">
							<td width="10%" height="23"><b>编号</b></td>
							<td width="5%"><b>份数</b></td>
							<td width="12%"><b>项目/级别编号</b></td>
							<td width="12%"><b>单位</b></td>
							<td width="12%"><b>项目名称</b></td>
							<td width="12%"><b>工程地点</b></td>
							<td width="12%"><b>检测项目</b></td>
							<td width="7%"><b>单价</b></td>
							<td width="8%"><b>数量</b></td>
							<td width="10%"><b>总价</b></td>
						</tr>
						<tr style="font-size: 13px" align="center" height="23">
							<td>A14785</td>
							<td>5</td>
							<td>A1546/8975</td>
							<td>中国广东广州</td>
							<td>BRT工程</td>
							<td>广州天河</td>
							<td>BRT工程</td>
							<td>¥999999999.99</td>
							<td>20</td>
							<td>20*¥999999999.99</td>
						</tr>
						<tr align="center" height="23">
							<td colspan="2">备注</td>
							<td colspan="8"></td>
						</tr>						
					</table>
				</td>
			</tr>
		</table>
		<hr class="noprint" width="100%" size="2"/>
		<div class="page"></div>
		<table class="tab" cellSpacing="0" cellPadding="0" width="100%">
			<tr align="center" height="23">
				<td width="10%" height="23"><b>编号</b></td>
				<td width="5%"><b>份数</b></td>
				<td width="12%"><b>项目/级别编号</b></td>
				<td width="12%"><b>单位</b></td>
				<td width="12%"><b>项目名称</b></td>
				<td width="12%"><b>工程地点</b></td>
				<td width="12%"><b>检测项目</b></td>
				<td width="7%"><b>单价</b></td>
				<td width="8%"><b>数量</b></td>
				<td width="10%"><b>总价</b></td>
			</tr>
			<tr style="font-size: 13px" align="center" height="23">
				<td>A14785</td>
				<td>5</td>
				<td>A1546/8975</td>
				<td>中国广东广州</td>
				<td>BRT工程</td>
				<td>广州天河</td>
				<td>BRT工程</td>
				<td>¥999999999.99</td>
				<td>20</td>
				<td>20*¥999999999.99</td>
			</tr>
			<tr align="center" height="23">
				<td colspan="2">备注</td>
				<td colspan="8"></td>
			</tr>						
		</table>

		<div class="page"></div>
		<table class="tab" cellSpacing="0" cellPadding="0" width="100%">
			<tr align="center" height="23">
				<td width="10%" height="23"><b>编号</b></td>
				<td width="5%"><b>份数</b></td>
				<td width="12%"><b>项目/级别编号</b></td>
				<td width="12%"><b>单位</b></td>
				<td width="12%"><b>项目名称</b></td>
				<td width="12%"><b>工程地点</b></td>
				<td width="12%"><b>检测项目</b></td>
				<td width="7%"><b>单价</b></td>
				<td width="8%"><b>数量</b></td>
				<td width="10%"><b>总价</b></td>
			</tr>
			<tr style="font-size: 13px" align="center" height="23">
				<td>A14785</td>
				<td>5</td>
				<td>A1546/8975</td>
				<td>中国广东广州</td>
				<td>BRT工程</td>
				<td>广州天河</td>
				<td>BRT工程</td>
				<td>¥999999999.99</td>
				<td>20</td>
				<td>20*¥999999999.99</td>
			</tr>
			<tr align="center" height="23">
				<td colspan="2">备注</td>
				<td colspan="8"></td>
			</tr>						
		</table>

	</body>
</html>

分享到:
评论

相关推荐

    JS 实现web分页打印功能

    本篇将详细介绍如何利用JS的`Window`对象的`print()`方法来实现一个具有强大兼容性的分页打印功能。 首先,`Window.print()`方法是JavaScript中用于调用浏览器内置的打印对话框的函数,用户可以在该对话框中选择...

    网页报表表格自动分页打印 超好

    网页报表表格自动分页打印是网页设计中一个重要的技术环节,尤其在处理大量数据时,确保表格内容在A4纸上整洁、美观地呈现是至关...通过这种方式,我们可以实现网页报表表格的自动分页打印,确保内容完整且美观地呈现。

    HTML print打印(分页,统计,排版)

    * 基于jquery的打印分页插件 * 方法API: * loadDate data,model,shownum(数据源[数组],模板页面,每页显示数) data 建议最大数据量不要超过500 * loadTABLE 利用模版创建TABLE代码 * insertTABLE 插入数据 ...

    jquery打印HTML表格自动分页

    "jquery打印HTML表格自动分页"这个主题是关于如何利用jQuery来实现在用户打印HTML表格时自动进行分页的功能,这样可以确保长表格在打印时不被裁剪,而是以多页的形式呈现。 首先,要实现这一功能,我们需要理解HTML...

    asp完美打印组件 支持打印预览 打印分页等许多强大功能

    通过集成ASP完美打印组件,开发者可以在这些应用中添加打印功能,使用户可以直接从网页进行打印操作。 该组件的核心特性之一是打印预览功能。这允许用户在实际打印前查看文档的打印效果,确保布局、字体和图像都...

    【JavaScript源代码】vue实现页面打印自动分页的两种方法.docx

    总之,Vue.js结合JavaScript可以实现灵活的页面打印功能,无论是通过`ref`获取元素进行打印,还是利用CSS媒体查询进行分页,都能满足不同的需求。在实际应用中,可以根据项目具体需求选择合适的方法或组合使用。

    VUE打印demo,自动分页

    在这个“VUE打印demo,自动分页”项目中,我们将会探讨如何在Vue应用中实现打印功能并配合自动分页,这在开发报表或文档展示等场景中非常常见。 首先,让我们了解Vue.js中的组件化开发。Vue应用由多个可复用的组件...

    打印分页,html强制分页

    打印分页,html强制分页,一个表格一页,可以查看打印预览

    js控制分页打印、打印分页示例

    代码如下: &lt;&#37;@ page language=”java” contentType=”text/html; charset=UTF-8″ ...javascript打印-打印页面设置-打印预览代码&lt;/TITLE&gt; &lt;META http-equiv=Content-Type content=”text/html

    html打印分页自带表头表尾

    需要自己写打印程序时,会遇到打印分页都需有表头表尾的问题,html打印分页自带表头表尾,可以参考学习下

    jqprint可分页打印页面内容

    "jqPrint" 是一个基于jQuery的插件,它允许开发者方便地实现页面内容的分页打印功能,无需复杂的CSS调整或JavaScript编程。在本篇中,我们将深入探讨如何使用jqPrint实现这一目标,以及涉及到的相关技术。 首先,...

    网页打印功能的实现

    总之,实现网页打印功能涉及多方面的技术,包括CSS媒体查询、HTML结构优化、JavaScript交互以及用户体验设计。通过细心的规划和实践,我们可以创建出既美观又实用的打印体验,满足用户的多样化需求。

    Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件

    Web打印控件,完美解决以下HTML打印难题 1.Web Html 分页打印 2.内容、图片、表格跨页断裂,封边 3.table并行、并列双边、重边 4.自动计算页码(总数及每一页),样式、位置、形式完全个性化 5.页眉页脚,去除浏览...

    chrome浏览器实现打印预览打印功能.zip

    本篇将详细介绍如何在Chrome浏览器中实现打印预览及打印功能,并提供相关的技术资源。 首先,Chrome浏览器的打印功能是通过其内置的`window.print()` JavaScript API来实现的。这个API会触发浏览器的默认打印对话框...

    利用javascript实现网页打印

    JavaScript是Web开发中的一种重要脚本语言,它允许开发者在客户端执行动态操作,包括与用户的交互、数据处理以及,如本题所示,实现网页打印功能。网页打印是将网页内容输出到打印机或创建PDF文档的过程,这对于用户...

    使用jspdf打印pdf 支持分页

    这个教程将详细介绍如何使用`jspdf`来实现HTML到PDF的转换,并支持分页功能。 首先,`jspdf`库的核心功能是提供了一个在浏览器环境中创建PDF文档的API。它允许开发者使用JavaScript动态创建PDF文件,包括添加文本、...

    SpringMVC+jspereport,实现报表分页查看、文件(pdf、excel、word)导出,以及html展示和调用浏览器打印功能实现打印

    本项目结合了SpringMVC框架与JasperReport工具,实现了报表的多种功能,包括分页查看、文件导出(PDF、Excel、Word)以及HTML展示和浏览器打印功能。 首先,SpringMVC作为Java Web开发的主流MVC框架,提供了模型-...

    .NET打印操作实例--实现分页打印操作源码

    在.NET框架中,C#语言提供了丰富的打印功能,使得开发者能够轻松实现各种复杂的打印任务,包括分页打印。本文将详细讲解如何在C#中进行分页打印操作,并通过源码实例来阐述这一过程。 首先,理解.NET打印体系的基础...

    js javascript js控制分页打印,打印分页

    在JavaScript(JS)中,控制分页打印是一个常见的需求,特别是在...通过理解和运用上述技术,你可以创建出满足需求的分页打印功能。记住,实践是提高技能的关键,尝试在自己的项目中实现这些概念,以便更好地掌握它们。

Global site tag (gtag.js) - Google Analytics