有分页功能的WEB打印功能

最新推荐文章于 2021-06-25 09:57:32 发布
最新推荐文章于 2021-06-25 09:57:32 发布
阅读量80 收藏
点赞数
文章标签： Web .net HTML
<html>
<head>
<title>看看</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>
.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 #000000 #000000 #000000;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.NOPRINT {
font-family: "宋体";
font-size: 9pt;
}

</style>

</head>

<body >
<center class="Noprint" >
<p>
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0>
</OBJECT>
<input type=button value=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value=打印预览 οnclick=document.all.WebBrowser.ExecWB(7,1)>
<br/>
</p>
<hr align="center" width="90%" size="1" noshade>
</center>

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td colspan="3" class="tdp">第1页</td>
</tr>
<tr>
<td width="29%" class="tdp"> </td>
<td width="28%" class="tdp"> </td>
<td width="43%" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp"><p>这样的报表</p>
<p>对一般的要求就够了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<!--分页-->
<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td class="tdp">第2页</td>
</tr>
<tr>
<td class="tdp">看到分页了吧</td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp"><p>这样的报表</p>
<p>对一般的要求就够了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>


文章来自: 好喜爱学习网(http://www.haoxiai.net) 网址：http://www.haoxiai.net/wangzhanzhizuo/jiaobenyuyan/30010.html
matongfei123
关注
web应用分页功能
weixin_67150631的博客
04-08 1060
web应用分页
html调用打印机打印（可预览）
11-02
在html中的input里输入什么内容就预览、打印什么内容。很方便、实用。
web打印2
weixin_30580341的博客
08-27 214
<!--语言无关 保存成 .HTML 看看--> <html> <head> <title>看看</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <!--media=print 这个属性可以在打印时有效--...
html web 简单打印
weixin_33860737的博客
01-04 148
<html><head><stylemedia="print"> .Noprint{DISPLAY:none;} #print-area {BORDER-RIGHT:mediumnone;PADDING-RIGHT:0px; BORDER-TOP:mediumnone;PADD...
Html:web页面上的打印控制
lxy_abcde1190的专栏
06-24 1456
参考：看看.Noprint{display:none;}.PageNext{page-break-after: always;}.tdp{    border-bottom: 1 solid #000000;    border-left:  1 solid #000000;    border-right:  0 solid #
使用js实现打印分页的功能（包括页码，表头，表尾）
07-13
使用js实现打印分页的功能（包括页码，表头，表尾）
JS 实现web分页打印功能
11-09
综上所述，通过合理地使用`Window.print()`方法结合CSS样式控制和JavaScript逻辑，我们可以实现一个强大的Web分页打印功能。确保对各种浏览器进行充分测试，并根据需要进行优化，以提供最佳用户体验。
web 页面分页打印的实现
09-06
Web 页面分页打印的实现 Web 页面分页打印是指在网页中实现分页打印的功能，使得用户可以根据需要选择性打印网页的特定部分。下面是实现 Web 页面分页打印的...通过这些步骤，可以实现灵活的 Web 页面分页打印功能。
JS 使用 window对象的print方法实现分页打印功能
10-18
在Web打印功能实现中，通常会遇到分页的问题，即如何在打印的时候确保内容能够按照预期分布在不同的页面上。在实际项目中，可以通过CSS的`page-break-after`属性来实现分页效果。`page-break-after`属性用于设置一个...
Web分页打印 细线表格+分页打印之终极攻略
09-28
在Web开发中，分页打印是一项重要的功能，尤其在处理大量数据或呈现复杂表格时。本文将详述如何实现细线表格与分页打印的终极攻略，以满足客户需求，即只打印表格内容而不包括页面头部的背景和按钮。 首先，我们要...
JS 实现分页打印功能
01-19
在调用window.print()时，可以实现打印效果，但内容太多时要进行分页打印。 在样式中有规定几个打印的样式 page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。 每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。 page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。 page-break-before若设定成left，则会
Html实现打印、预览
09-14
Html实现打印、预览
html打印分页自带表头表尾
05-14
需要自己写打印程序时，会遇到打印分页都需有表头表尾的问题，html打印分页自带表头表尾，可以参考学习下
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页面实现数据打印效果
11-21
html页面实现生成数据调用打印机打印，通过后台传送json数据，前端js生成表格化样式，最后连接打印机即可
WEB 打印 print()
xingan的专栏
06-06 4394
1、IE直接打印那个不用多说，直接调用window.print或者webrower控件的ExecWB窍门来打印。方便快捷，客户端无需任何设置即可。利用一部份办法也能够呈现简单的定制，比如做唯一模板htm文档，然后在js中动态创建唯一隐藏帧来，用脚本来生成其中的数据，再把最后的结果文档写入到隐藏帧打印处理。假如处理的好，实际上效果也是不错。对于简单的打印需求因该是够了。那里我举个实际中的例子来说明这
锐浪html5打印,WEB打印
weixin_33957089的博客
06-25 584
WEB打印方式概述WEB浏览器本身具备打印当前网页的功能，当网页内容超过一页时就需要分页处理，浏览器对这样的分页处理都不完善，直接利用浏览器的打印功能很难实现多页数据的完美打印。各种浏览器的打印行为也不一致，也很难定义统一的页眉与页脚数据，很难准确控制数据项的打印位置，所以浏览器直接打印很难实现精确的票据套打。正因为浏览器自身打印功能存在严重的不足，所以需要其它的手段实现WEB打印功能，下面列出主...
批量打印html文档,web页面的单页打印以及批量打印实现方法
weixin_31486261的博客
06-05 1367
打印事件：window.print()1.单页打印(布局打印)：function printCnt(){//1.获取当前页的html代码var body = window.document.body.innerHTML;//2.要打印的部分(#print里面的内容就是要打印的内容)window.document.body.innerHTML =document.getElementById("pr...
js 实现打印带分页
liangdvi的博客
06-24 709
IE 自带的接口打印 1)在body中加入这个object &lt;OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0 VIEWASTEXT&gt; &lt;/OBJECT&gt; 2)在head头部加入 &lt;!--media=print 这个属性可以在打...
网页分页打印实现与CSS控制
通过以上步骤，我们可以实现一个基本的web页面分页打印功能，允许用户按需定制打印内容和样式，同时避免不必要的元素出现在打印输出中。在实际应用中，可能还需要根据具体需求进行进一步的优化和调整，例如处理不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值