web页面上的打印控制

最新推荐文章于 2021-04-09 17:35:03 发布
最新推荐文章于 2021-04-09 17:35:03 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： programming.resources 文章标签： web class border button webbrowser input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sylmoon/article/details/540120
版权

参考：
<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=打印          ο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">&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>

 

sylmoon
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js打印WEB页面与打印预览
02-27
js打印WEB页面与打印预览
Web页面实现打印功能
SunMoonJP的博客
03-14 5768
核心的代码：window.print()具体的实现如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>
JAVA打印web页面_JavaWeb实现打印功能
weixin_39979617的博客
02-25 1132
废话不多说了，直接给大家贴代码了，具体代码如下所示：function printsetup(){// 打印页面设置wb.execwb(8,1);}整理的关于打印的内容1、控制"纵打"、 横打”和“页面的边距。(1)function SetPrintSettings() {// -- advanced featuresfactory.printing.SetMarginMeasure(2) // m...
php web 打印,web打印功能
weixin_29838911的博客
03-12 265
这篇文章主要介绍了关于web 打印功能，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下在项目开发中有时候会碰到要求打印页面中的数据的功能需求。需求原因主要有两点吧，一是需要打印的数据只是页面的一部分即页面的区域打印，比如只需要打印页面中表格里面选中的数据等，二是需要打印出来的样式和页面展示的样式有差别，比如需要将表格中的列竖着打印出来。我在开发中主要用到的就是window.print...
web打印三种实现方式
masonqiang的博客
04-09 1万+
web打印的方式可以分为3种：1、window.print()直接调用浏览器；2、利用js插件调用浏览器打印；3、利用第三方插件直接调用打印机。3种方式各有不同的使用场景和灵活度，接下来进行探讨比较
web页面单页打印以及批量打印
热门推荐
汉堡请不要欺负面条
01-31 1万+
打印事件：window.print()1.单页打印（布局打印）：function printCnt(){ //1.获取当前页的html代码 var body = window.document.body.innerHTML; //2.要打印的部分（#print里面的内容就是要打印的内容） window.document.body.innerHTML =documen...
web的各种前端打印方法之CSS控制网页打印样式
09-22
使用CSS控制打印样式，握刚刚使用时一塌糊涂，根本不知道CSS中的midia的作用是什么，问到别人说导入这个样式，还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
js控制web打印(局部打印)方法整理
12-10
color:green } } 对于不想打印的内容只用在标签中加上 class=noprint即可，打印的时候客户也不会看到页面任何变化。 打印时调用 window.print(); 另外几种js局部打印的方法： 移花接木： 打印的时候，把需要打印的...
网页WEB打印控件制作
01-02
在WEB系统中，打印的确是比较烦人的问题，如果我们能制作一个属于自己的自定义的打印插件，那么我们在后续自定义打印的时候能随心所欲的控制打印，这样的效果对于程序员来说是非常开心的一件事件，本文将自己开发...
web无插件灵活控制套打
08-20
1）代码全部在chrome测试通过并应用到项目，直接打印，不需要预览，设置参数在*.text文件中 2）打印分为元素定义（数据库定义）,前端位置调整，调整后保存数据库 3）打印数据赋值、打印 4）定义是支持预览，定义全部...
我设计的世界杯法国壁纸
理性的浪漫的程序人生
06-05 2586
我设计的2006世界杯法国壁纸,如果这次不能夺冠,终有再次夺冠的那一天.我相信
一个网页上随鼠标移动显示时钟的javascript 代码
理性的浪漫的程序人生
12-09 1280
dCol=0000FF;//date colour.fCol=0000FF;//face colour.sCol=0000FF;//seconds colour.mCol=0000FF;//minutes colour.hCol=0000FF;//hours colour.ClockHeight=40;ClockWidth=40;ClockFromMouseY=0;ClockF
帮你免于失业的十大软件技术
理性的浪漫的程序人生
01-18 928
我不知道你的具体工作是什么。如果你是某冷门领域的专家而变得不可或缺，或者你们的公司十分稳固，以你现有的技术就足以安度你的职业生涯，那我不知道你是否有失业的危险。不管怎样，请你先不要急着寄出那些告诉我你们的公司对用VB3十分满意或你们除C以外永不用其它语言的信件，并保留起那些讲述.NET将如何把Java扫地出门、XML将如何取代关系型数据库、或你怎样能用汇编语言或C写任何软件而任何其它开发工具都不重
2024-2030全球及中国PCB接触式探头行业研究及十五五规划分析报告.docx
04-18
2024-2030全球及中国PCB接触式探头行业研究及十五五规划分析报告
网站界面设计mortal0418代码
04-18
网站界面设计mortal0418代码
PHP毕业设计-校园失物招领系统源码+数据库.zip
04-18
PHP毕业设计-校园失物招领系统源码+数据库.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ PHP毕业设计-校园失物招领系统源码+数据库.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ PHP毕业设计-校园失物招领系统源码+数据库.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ PHP毕业设计-校园失物招领系统源码+数据库.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可
2024年神经酸行业分析报告.pptx
最新发布
04-18
2024年神经酸行业分析报告.pptx
Java爬虫信息抓取的实现 完整实例（源码）
04-18
【Java爬虫】信息抓取的实现 完整实例（源码）
fastreport.net web打印
07-07
FastReport.NET Web打印是一款基于FastReport.NET报表引擎的网页打印解决方案。它提供了一个简单而强大的工具，允许开发人员直接在Web应用程序中生成和打印报表。 FastReport.NET Web打印有以下几个主要特点： 1. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值