`
ihuashao
  • 浏览: 4812926 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

收藏html打印代码,支持翻页

阅读更多

web用打印方案,基本都是用的第三方的插件,比如crystal,webprinter等等,给个另类的,收藏!

<html>
<head>
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<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=打印 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)>
</p>
<p> <input type=button value=打印预览 onclick=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">&nbsp;</td>
<td width="28%" class="tdp">&nbsp;</td>
<td width="43%" class="tdp">&nbsp;</td>
</tr>
<tr>
<td colspan="3" class="tdp">&nbsp;</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>&nbsp;</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">&nbsp;</td>
</tr>
<tr>
<td class="tdp">&nbsp;</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>&nbsp;</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">第3页</td>
</tr>
<tr>
<td class="tdp">看到分页了吧</td>
</tr>
<tr>
<td class="tdp">&nbsp;</td>
</tr>
<tr>
<td class="tdp">&nbsp;</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>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

分享到:
评论

相关推荐

    一个不错的html-打印代码支持翻页.doc

    一个不错的html-打印代码支持翻页.doc

    一个不错的html 打印代码支持翻页

    html打印代码,支持翻页 复制代码代码如下:&lt;html&gt; &lt;head&gt; &lt;meta name=vs_targetSchema content=”http://schemas.microsoft.com/intellisense/ie5″&gt; &lt;title&gt;看看&lt;/title&gt; &lt;meta ...

    打印按钮打印预览代码

    "打印按钮打印预览代码"这个主题涉及到如何在软件中实现这一功能,下面将详细介绍相关的知识点。 首先,我们需要理解打印预览的核心概念。在大多数编程环境中,打印预览通常涉及以下几个步骤: 1. **捕获屏幕内容*...

    Qt实现打印输出功能

    用户可以在预览中缩放、翻页,确认无误后再进行打印。 3. **文字打印**:对于文本打印,可以使用`QTextDocument`类。你可以将HTML格式的字符串加载到`QTextDocument`,然后通过`QTextDocument::print()`方法将其...

    pdf翻页用到js(需优化)

    `turn.js` 通过CSS3实现翻页动画,对于现代浏览器有良好的性能表现,但在老版本或不支持CSS3的浏览器中可能效果有限。 在整合 `pdf.js` 和 `turn.js` 的过程中,我们需要考虑以下几个关键点: 1. **PDF加载与渲染*...

    一个基于C#+ASP.NET实现的GridView翻页浏览控件打印输出程序例子

    在这个项目中,我们关注的是一个基于C#和ASP.NET实现的GridView控件的功能扩展,特别是针对翻页浏览和打印输出的实现。GridView是ASP.NET中常用的数据展示控件,它能够方便地展示数据源,如数据库查询结果,并提供了...

    html5网页pdf查看器_在线pdf阅读器下载

    2. **api**: API接口文件通常包含了对外提供的函数和方法,供其他部分的代码调用,比如加载PDF文件、翻页、缩放等操作。 3. **drawerSwitch**: 这可能是控制侧边栏(如书签、注释等)显示和隐藏的开关功能的实现。 ...

    网页打印问题集锦(页面设置、打印预览)

    给定文件的部分代码展示了如何使用JavaScript来捕获特定元素并打印它。其核心思路是: 1. **保存当前页面内容**:首先,通过`var tmp = document.body.innerHTML;`保存当前页面的HTML内容。 2. **替换页面内容**:...

    datagid 分页打印

    这段代码展示了如何使用JavaScript实现基本的分页功能,包括显示当前页面的数据、向前翻页和向后翻页。 #### 五、优化与扩展 1. **性能优化**:对于大数据量的分页打印,需要考虑性能优化问题。可以采用懒加载的...

    报表预览及打印源码

    【报表预览及打印源码】是一套专门用于实现报表的预览和打印功能的程序代码,由知名开发者“红虎兄”提供。这套源码适用于那些需要在应用程序中集成报表展示和打印功能的IT项目,尤其对于企业级应用开发来说,是一个...

    Java_浏览PDF文档就像一本书翻页.zip

    这通常涉及到解析PDF文档,提取每一页的内容,然后用HTML或canvas元素模拟翻页效果。 实现PDF翻页的基本步骤如下: 1. **解析PDF**:使用PDFBox读取PDF文档,获取每一页的信息。这包括页面的尺寸、内容和元数据。 ...

    翻页电子书/电子画册制作工具

    创建用于打印、平板电脑和其他屏幕中的优质和精美的页面。各种功能组件能够轻松调整版面,使其适应不同的页面大小、方向或设备,获得更佳的效果。 有图全媒体设计云平台H5轻应用是用于创建动画和多媒体内容的强大...

    gridview实用代码和实例

    综上所述,"gridview实用代码和实例"压缩包中的内容可能包含了以上所有知识点的具体实现,包括分页、导入导出、增删改操作、多层嵌套以及打印功能的代码示例。这些实例对于理解并掌握GridView的使用非常有帮助,无论...

    html前端js代码pdfjs在线预览pdf兼容ie\chrome

    此外,PDF.js还提供了许多配置选项和扩展功能,比如自定义字体、下载和打印PDF、调整缩放级别等。开发者可以根据实际需求进行调整和定制。 总之,PDF.js是一个强大的工具,可以帮助开发者在HTML前端实现跨浏览器的...

    python关键词爬取bing图片

    这次继续选择利用bing搜索抓取图片练习下,代码放在最下供大家参考。...代码中翻页的url请求是抓包获取到的(没有写全,有几个参数不知道什么意思去掉了..),然后就是分析返回的html提取想要的数据

    基于PDF.js的pdf文件预览.rar

    对于IE的支持,PDF.js通常需要使用polyfills来补充浏览器缺失的HTML5特性,以保证代码的正常运行。 预览PDF文件的基本流程包括以下几个步骤: 1. 下载PDF文件:用户点击预览链接后,后台通过Ajax或Fetch API请求PDF...

    the-print-preview-of-the-Web-control.rar_C 打印web_The Web

    对于Web打印预览,我们需要一个支持打印功能的Web控件,如Microsoft Web Browser控件,它是IE浏览器的一个组件。 接下来,我们要创建一个用户界面,包含一个Web控件和一个预览区域。Web控件用于加载和显示网页,...

    微信小程序swiper组件实现抖音翻页切换视频功能的实例代码

    `slide`函数是`bindchange`事件的处理函数,它更新`changeIndex`以匹配新的滑动页面,并打印当前页的索引。 总的来说,这个实例展示了如何利用微信小程序的`swiper`和`video`组件,结合自定义事件和数据绑定,实现...

    基于PDF.js的pdfViewer阅读器代码

    标题中提到的"基于PDF.js的pdfViewer阅读器代码",实际上是指使用PDF.js库构建的一个用户界面组件,它能够展示PDF文件并提供交互功能,如页面导航、缩放、搜索文本等。开发者可以借助这个组件轻松地在自己的网页中...

Global site tag (gtag.js) - Google Analytics