<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的`Window`对象的`print()`方法来实现一个具有强大兼容性的分页打印功能。 首先,`Window.print()`方法是JavaScript中用于调用浏览器内置的打印对话框的函数,用户可以在该对话框中选择...
网页报表表格自动分页打印是网页设计中一个重要的技术环节,尤其在处理大量数据时,确保表格内容在A4纸上整洁、美观地呈现是至关...通过这种方式,我们可以实现网页报表表格的自动分页打印,确保内容完整且美观地呈现。
* 基于jquery的打印分页插件 * 方法API: * loadDate data,model,shownum(数据源[数组],模板页面,每页显示数) data 建议最大数据量不要超过500 * loadTABLE 利用模版创建TABLE代码 * insertTABLE 插入数据 ...
"jquery打印HTML表格自动分页"这个主题是关于如何利用jQuery来实现在用户打印HTML表格时自动进行分页的功能,这样可以确保长表格在打印时不被裁剪,而是以多页的形式呈现。 首先,要实现这一功能,我们需要理解HTML...
通过集成ASP完美打印组件,开发者可以在这些应用中添加打印功能,使用户可以直接从网页进行打印操作。 该组件的核心特性之一是打印预览功能。这允许用户在实际打印前查看文档的打印效果,确保布局、字体和图像都...
总之,Vue.js结合JavaScript可以实现灵活的页面打印功能,无论是通过`ref`获取元素进行打印,还是利用CSS媒体查询进行分页,都能满足不同的需求。在实际应用中,可以根据项目具体需求选择合适的方法或组合使用。
在这个“VUE打印demo,自动分页”项目中,我们将会探讨如何在Vue应用中实现打印功能并配合自动分页,这在开发报表或文档展示等场景中非常常见。 首先,让我们了解Vue.js中的组件化开发。Vue应用由多个可复用的组件...
打印分页,html强制分页,一个表格一页,可以查看打印预览
代码如下: <%@ page language=”java” contentType=”text/html; charset=UTF-8″ ...javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content=”text/html
需要自己写打印程序时,会遇到打印分页都需有表头表尾的问题,html打印分页自带表头表尾,可以参考学习下
"jqPrint" 是一个基于jQuery的插件,它允许开发者方便地实现页面内容的分页打印功能,无需复杂的CSS调整或JavaScript编程。在本篇中,我们将深入探讨如何使用jqPrint实现这一目标,以及涉及到的相关技术。 首先,...
总之,实现网页打印功能涉及多方面的技术,包括CSS媒体查询、HTML结构优化、JavaScript交互以及用户体验设计。通过细心的规划和实践,我们可以创建出既美观又实用的打印体验,满足用户的多样化需求。
Web打印控件,完美解决以下HTML打印难题 1.Web Html 分页打印 2.内容、图片、表格跨页断裂,封边 3.table并行、并列双边、重边 4.自动计算页码(总数及每一页),样式、位置、形式完全个性化 5.页眉页脚,去除浏览...
本篇将详细介绍如何在Chrome浏览器中实现打印预览及打印功能,并提供相关的技术资源。 首先,Chrome浏览器的打印功能是通过其内置的`window.print()` JavaScript API来实现的。这个API会触发浏览器的默认打印对话框...
JavaScript是Web开发中的一种重要脚本语言,它允许开发者在客户端执行动态操作,包括与用户的交互、数据处理以及,如本题所示,实现网页打印功能。网页打印是将网页内容输出到打印机或创建PDF文档的过程,这对于用户...
这个教程将详细介绍如何使用`jspdf`来实现HTML到PDF的转换,并支持分页功能。 首先,`jspdf`库的核心功能是提供了一个在浏览器环境中创建PDF文档的API。它允许开发者使用JavaScript动态创建PDF文件,包括添加文本、...
本项目结合了SpringMVC框架与JasperReport工具,实现了报表的多种功能,包括分页查看、文件导出(PDF、Excel、Word)以及HTML展示和浏览器打印功能。 首先,SpringMVC作为Java Web开发的主流MVC框架,提供了模型-...
在.NET框架中,C#语言提供了丰富的打印功能,使得开发者能够轻松实现各种复杂的打印任务,包括分页打印。本文将详细讲解如何在C#中进行分页打印操作,并通过源码实例来阐述这一过程。 首先,理解.NET打印体系的基础...
在JavaScript(JS)中,控制分页打印是一个常见的需求,特别是在...通过理解和运用上述技术,你可以创建出满足需求的分页打印功能。记住,实践是提高技能的关键,尝试在自己的项目中实现这些概念,以便更好地掌握它们。