ylbtech_html_print

html打印代码，支持翻页

<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 打印代码，支持翻页的更多相关文章

  1. flex布局构建大屏框架并支持翻页动画、滚动表格功能

      本文将利用flex属性构建大屏可视化界面.界面主要分标题栏.工具栏.数据可视化窗口.其中,翻页动画以及滚动表格功能分别分布在数据可视化界面两侧. 鼠标点击标题,可看到左侧窗口翻转动画: 整体布局效 ...

  2. JS调用水晶报表打印翻页按钮事件

    默认的水晶报表打印按钮.翻页按钮太小,并且样式不好调整,考虑自己做一个按钮,然后调用水晶报表的按钮事件. 在实际操作中发现可以在.net按钮的服务器端事件中调用翻页方法: CrystalReportV ...

  3. iOS:UIPageViewController翻页控制器控件详细介绍

    翻页控制器控件:UIPageViewController 介绍: 1.它是为我们提供了一种类似翻书效果的一种控件.我们可以通过使用UIPageViewController控件,来完成类似图书一样的翻页 ...

  4. 移动端翻页插件dropload.js（支持Zepto和jQuery）

    一. 声明 代码来源:github上的dropload项目. 二. 问题 dropload.js提供了最基本的上拉翻页,下拉刷新功能.对于由服务端一次返回所有数据的情况基本通用. 但是,需求往往不是服 ...

  5. 自己定义 ViewGroup 支持无限循环翻页之三(响应回调事件)

    大家假设喜欢我的博客,请关注一下我的微博,请点击这里(http://weibo.com/kifile),谢谢 转载请标明出处,再次感谢 ################################ ...

  6. ViewPager实现自动翻页功能 --转载出处找不到了，根据自己的理解写个随笔方便以后的记忆以及代码的共享，感谢给我启发的那位高手--第一次写博客哈

    xml文件 textview 用于显示图片的标题 viewpager 用于实现翻页效果 <LinearLayout xmlns:android="http://schemas.andr ...

  7. jQuery支持mobile的全屏水平横向翻页效果

    这是一款支持移动手机mobile设备的jQuery全屏水平横向翻页效果插件. 该翻页插件能够使页面在水平方向上左右全屏翻动,它支持手机触摸屏,支持使用鼠标滚动页面. 整个页面过渡平滑,效果很不错. 在 ...

  8. Webdriver控制翻页控件,并实现向前向后翻页功能，附上代码，仅供参考，其他类似日期控件的功能可以自己封装

    新增输入与选择页面的html源码: <div style="margin-top:-60px;" class="modal-content" id=&qu ...

  9. OC纯代码全手工打造ScroolView实现翻页

    OC纯代码全手工打造ScroolView实现翻页 1. 概述 分为三部分: 上部标题ScrollView 下部内容ScrollView 上部当前页 标示线 2. 效果 上下两部分都随着手势的滑动一块滑 ...

随机推荐

  1. nagios原理及配置详解

    1.Nagios如何监控Linux机器 NRPE总共由两部分组成:(1).check_nrpe插件,运行在监控主机上.服务器端安装详见:(2).NRPE daemon,运行在远程的linux主机上(通 ...

  2. 多线程 线程组 ThreadGroup

    package org.zln.thread; import java.util.Date; /** * Created by sherry on 000024/6/24 22:30. */ publ ...

  3. vue实现多个元素或多个组件之间动画效果

    多个元素的过渡 <style> .v-enter,.v-leave-to{ opacity: 0; } .v-enter-acitve,.v-leave-active{ opacity: ...

  4. 怎么用SecureCRT这个工具把linux服务器的压缩文件下载到本地的一个路径。

    依次按上图中所示的突变,进入sftp的命令界面.输入help命令:即:sftp>help得到如下的截图. 比较重要的命令有:cd----查询服务器端的路径 lcd---查询本地的地址 pwd:服 ...

  5. 魔法使的烟花（NOIP模拟赛Round 7）

    [问题描述] 魔法森林里有很多蘑菇,魔法使常常采摘它们来制作魔法药水.为了在6月的那个奇妙的晚上用魔法绽放出最绚丽的烟花,魔法使决定对魔法森林进行一番彻底的勘探. 魔法森林分为n个区域,由n-1条长度 ...

  6. windows 自动关机

    按WIN+R在窗口中输入:shutdown -S -T 3600  然后回车.即可在一小时后关机,如果你想在半个小时后关机,那么就把3600改成1800单位是秒

  7. 将ros中suscriber和publisher写入class中

    相比于笨拙的全局变量和全局函数,将suscriber和publisher成一个class,形式更加简洁和容易管理,一个节点就是一个类 参考资料 http://answers.ros.org/quest ...

  8. Weblogic 监控工具汇总及简介

    https://blog.csdn.net/hualusiyu/article/details/39608637

  9. B站日志系统的前世今生

    https://mp.weixin.qq.com/s/onrBwQ0vyLJYWD_FRnNjEg

  10. AC日记——Valued Keys codeforces 801B

    801B - Valued Keys 思路: 水题... 来,上代码: #include <cstdio> #include <cstring> #include <io ...