html 页面打印并 分页

最新推荐文章于 2025-08-12 00:12:05 发布
最新推荐文章于 2025-08-12 00:12:05 发布
阅读量1.8k 收藏
点赞数
文章标签： html class button border webbrowser input
本文展示了一份关于XXX市眼病防治中心的病人结账费用报表。报表详细记录了包括患者姓名、住院号等信息，并汇总了费用合计及各类费用明细。此外，还提供了打印、页面设置等功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<html>
<head>
<title>***XXX市眼病防治中心XX病人结帐费用报表***</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--media=print 这个属性可以在打印时有效-->
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<style>
body,td,th
{
font-size: 12px;
}
.tdp
{
border-bottom: 1 solid #000000;
border-left: 1 solid #000000;
border-right: 0 solid #ffffff;
border-top: 0 solid #ffffff;
}
.tabp
{
border-color: #000000;

border-collapse:collapse;
}
.NOPRINT {
font-family: "宋体";
font-size: 12px;
}

</style>
<script language="javascript">
　　var i=0;
       function zoomL(){
 　　   i++;
 　　   document.getElementById("f").style.zoom=1+i/3;
　　}
       function zoomS(){
 　　   i--;
 　　   document.getElementById("f").style.zoom=1+i/3;
　　}
</script>
</head>

<body >
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0

VIEWASTEXT/>
<input type=button value=打印 onclick="document.all.WebBrowser.ExecWB(6,1)" class="NOPRINT">
<input type=button value=直接打印 onclick="document.all.WebBrowser.ExecWB(6,6)"

class="NOPRINT">
<input type=button value=页面设置 onclick="document.all.WebBrowser.ExecWB(8,1)"

class="NOPRINT">
<input type=button value=打印预览 onclick="document.all.WebBrowser.ExecWB(7,1)"

class="NOPRINT">
<input type=button value=放大 onclick="zoomL();" class="NOPRINT">
<input type=button value=缩小 onclick="zoomS();" class="NOPRINT">
<br/>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="center">
<td colspan="5"><font size="3">XXX市眼病防治中心XX病人结帐费用报表***（1） </font></td>
</tr>
<tr>
<td>汇总人次 5</td>
<td>费用合计 15853.12</td>
<td>统计日期 </td>
<td>制表人 023</td>
<td>制表日期：2004-05-13</td>
</tr>
</table>

<table width="90%" border="1" align="center" cellpadding="2" cellspacing="0"

bordercolor="#000000" class="tabp" id="f">
<tr>
<td >姓名</td>
<td >住院号</td>
<td >科室</td>
<td >结帐日期</td>
<td >出院日期</td>
<td >费用合计</td>
<td >医保交易费用</td>
<td >分类给付费用</td>
<td >非医保交易费</td>
</tr>
<tr>
<td >王博</td>
<td >1001</td>
<td >1985-12-27</td>
<td >1999-9-9</td>
<td >22222222</td>
<td >aaa</td>
<td >fffffff</td>
<td >&nbsp;</td>
<td >ooooooooo</td>
</tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >

 

<!--分页-->
<div class="PageNext"></div>
<table width="90%" border="1" align="center" cellpadding="2" cellspacing="0"

bordercolor="#000000" class="tabp">
<tr>
<td >第2页</td>
</tr>
<tr>
<td >看到分页了吧</td>
</tr>
<tr>
<td >&nbsp;</td>
</tr>
<tr>
<td >&nbsp;</td>
</tr>
<tr>
<td ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" >这样的报表
对一般的要求就够了。</td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>

<table width="780%" border="1" class="Noprint">
<tr>
<td>能不能打印</td>
</tr>
</table>

</body>
</html>

九天沐风
关注
html++好看的分页页面,html+vue.js 实现漂亮分页功能可兼容IE
weixin_42439576的博客
06-03 750
当功能比较简单，在单一html中使用vue.js分页展示数据，并未安装脚手架，或使用相关UI框架，此时需要手写一个分页器，不失为最合理最便捷的解决方案先看一下实现效果：上代码：1.简单搞一搞 CSS，此处代码有折叠2.简单搞一搞 HTML第{{pageIndex}}页, 每页显示{{pageSize}}条共{{dataListLength}}条<{{item}}>{{pageSize}...
js设置html打印不分页,web 页面分页打印的实现
weixin_34193397的博客
06-18 1681
1．首先引入一个WebBrowser在需要打印的页面，可以直接添加：到页面，或者使用JavaScript在需要的时候临时添加也可以：document.body.insertAdjacentHTML("beforeEnd","classid=\"clsid:8856F961-340A-11D0-A96B-00C04FD705A2\">");2 .页面设置和打印预览如下所示，直接调用即可docu...
打印分页，html强制分页
09-25
打印分页，html强制分页，一个表格一页，可以查看打印预览
html中的分页打印
迪士尼公主的专栏
05-15 963
http://schemas.microsoft.com/intellisense/ie5">看看.Noprint{display:none;}.PageNext{page-break-after: always;}.tdp{    border-bottom: 1 solid #000000;    border-left:  1 solid #000000;    border-right
通过html和css实现打印分页控制
crazyXB的博客
12-25 5119
通过html和css实现打印分页控制，用到的属性为page-break-before和page-break-after
HTML打印分页符
最新发布
海天鹰
08-12 81
【代码】HTML打印分页符。
jQuery打印指定区域Html页面并自动分页
10-25
在网页开发中，有时我们需要对特定的HTML区域进行打印，而不是整个页面。在这种情况下，`jQuery.PrintArea.js`插件提供了一个解决方案，它允许我们指定要打印的区域，并且能够自动进行分页。这个插件特别适用于那些...
html如何设置打印分页打印出来,网页中如何用 CSS 设置打印分页符
weixin_27791839的博客
06-17 2903
Word 中按 Ctrl + Enter 创建一个分页符，方便打印，其实网页中也可以，用 CSS 的 page-break-after:always;。第1页第2页第3页任何浏览器都支持 page-break-after:always;，但 page-break-after 的其他属性值 left、right、inherit、avoid 则总有一些浏览器不支持。page-break-a...
【JavaScript源代码】vue实现页面打印自动分页的两种方法.docx
12-29
在Vue.js应用中，实现页面打印自动分页是常见的需求，尤其在处理大量数据或复杂的报表时。本文将介绍两种方法来实现这一功能，主要基于JavaScript。这两种方法都是通过自定义函数来处理打印过程，确保内容能正确地...
html分页
dengwatuo5537的博客
02-26 355
1.CSS 1 /* 2 * 页数按钮样式 3 */ 4 .page_div span:nth-of-type(2){ 5 float: right; 6 } 7 .page_div a:last-child{ 8 margin-right: 0; 9 } 10 .page{ 11 padding-rig...
HTML print打印(分页,统计,排版)
11-21
方案一(适用于动态页面)分层结构 方案二(适用于静态页面)独立结构 /** * 基于jquery的打印分页插件 * 方法API: * loadDate data,model,shownum(数据源[数组],模板页面,每页显示数) data 建议最大数据量不要超过500 * loadTABLE 利用模版创建TABLE代码 * insertTABLE 插入数据 * formwork 创建分页框架 * setAlign 设置排版样式 右对齐 - 居中 * setWidth 设置宽度 * setLineHide 影藏一列数据 * rowspans 合并多列字段 用,隔开 注意:最好查询时使用排序后合并 * rowspan 合并一列字段 注意:最好查询时使用排序后合并 * StringtoJSON 将JSON的String字符,转换成JS对象数据 * getalign 字符切换 对应setAlign 方法 * SumTable 计算表的列("2,3,4") 对应层级TABLE **/
html打印分页自带表头表尾
05-14
需要自己写打印程序时，会遇到打印分页都需有表头表尾的问题，html打印分页自带表头表尾，可以参考学习下
js 静态页 html页面 分页
03-22
实现html静态页面分页，ul li的分页功能，实现首页，尾页，共几页，共几条，123的详细分页 的功能
jquery打印HTML表格自动分页
05-14
采用JQuery实现的打印HTML表格自动按多少行分页，打印时分页
html打印强制分页
JeffanChen的博客
08-31 2247
如下是强制打印三页的例子 <div style="page-break-after: always;"> //一页里的内容 </div> <div style="page-break-after: always;"> //一页里的内容 </div> <div style="page-break-after: always;"> //一页里的内容 </div> 如果有帮助到你，点个赞好嘛！！！ ...
HTML 网页打印实现分页打印功能
玩味JAVA
06-05 2794
&lt;html&gt; &lt;head&gt; &lt;title&gt;页面打印&lt;/title&gt; &lt;!--media=print 这个属性在打印时有效 有些不想打印出来的分页打印的都可以应用这类样式进行控制 在非打印时是无效的(可从打印预览中看到效果)--&gt; &lt;style media=print&gt; /* 应用这个样式的在打印时隐藏 */...
html 分页_分页
weixin_39633774的博客
12-01 484
def fenye(request,page=1): users = User.objects.all() # 产生分页器 paginator = Paginator(users,10) # 分页对象 # page表示当前页 pager = paginator.page(page) for user in paginator.object_l...
html页面分页打印功能,JS 实现分页打印功能
weixin_39553423的博客
06-03 752
在调用window.print()时，可以实现打印效果，但内容太多时要进行分页打印。在样式中有规定几个打印的样式page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Pa...
打印HTML页面时的分页控制
艾斯博弈
01-08 752
具体的方法是，在需要分页的地方动态添加如下代码：  
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值