WEB简单打印功能实现

最新推荐文章于 2021-11-07 12:22:19 发布
最新推荐文章于 2021-11-07 12:22:19 发布
阅读量352 收藏
点赞数 1
分类专栏： JS部分资料 文章标签： web class button border webbrowser input

<!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>
<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>

</body>

</html>

 

TBSheng
关注
专栏目录
web应用 远程调用佳博打印机进行条码打印（详细教程）
weixin_35343693的博客
02-14 1963
通过html调用本地服务启动打印机，带参数去打印不同内容。
JavaWeb实现打印功能
09-02
在JavaWeb应用中实现打印功能是一项常见的需求，它允许用户从网页上直接打印内容，而无需离开当前页面。本文将详细介绍如何在JavaWeb环境中集成打印功能，并探讨相关的JavaScript代码示例。 首先，JavaWeb本身并不...
实现web网页的打印功能
12-28
基于c#, .NET平台WEB页面的打印功能打印功能，并可以打印自己选中的区域
网页中实现打印功能
王星乐的博客
11-19 699
//实现打印功能             function print() {                 window.document.body.innerHTML = $("#div").html();//将div的内容全屏显示                 window.print();//此方法会阻塞                 //打印完刷新页面
网页上实现打印功能
奋斗、
08-13 882
LODOP控件 http://www.lodop.net/
网页实现打印功能
黄啊码
05-29 1244
实现网页打印所有的操作都在例子里边，可以下载https://download.csdn.net/download/tiaozhanji_xian/10445474效果如下
简单的web打印功能实现
11-28
本文将深入探讨如何实现一个简单的Web打印功能，以满足基本的打印需求。 首先，我们要理解Web打印的基本原理。Web浏览器自身已经内置了打印功能，用户可以通过浏览器的菜单或快捷键调用。然而，作为开发者，我们...
vue+element实现打印页面功能
10-16
在Web开发中，实现页面打印功能是常见的需求，特别是在报表导出或者文档打印场景中尤为重要。Vue.js作为一个流行的前端框架，配合Element UI这样的基于Vue的组件库，可以方便地实现页面打印功能。本文将详细介绍如何...
JAVA：实现 web 打印功能
06-23
在Java编程环境中，实现Web打印功能是一项常见的需求，特别是在开发企业级应用时。Web打印主要涉及到将网页内容或者特定的数据转换成适合打印机输出的格式。本文将深入探讨如何利用Java来实现在Web环境下进行打印...
Web打印解决方案之普通报表打印功能
09-01
首先，大多数Web开发者在实现打印功能时，会依赖JavaScript的`window.print()`方法。这个方法简单易用，能够直接触发浏览器的打印对话框，让用户选择打印机和打印设置。然而，这种方法的一个缺点是它无法很好地控制...
webprint 一个全面强大的web打印的解决方案
10-21
WebPrint是一个全面强大的web打印的解决方案。它可以直接在IE浏览器中可视化的设计各种复杂的打印模版， 轻松解决Web套打问题。也可以直接打印用ASP,JSP等动态程序生成的HTML页面。 WebPrint内含一个在vc7.0上开发的ActiveX控件（只有75k）, 这个控件主要实现对打印参数的控制，webprint使用户通过JavaScript脚本可以控制自定义纸张尺寸，打印方向，页边距等等属性。
简单实用的web打印方案-网页精准打印
web打印
11-07 1122
在当前这个互联网时代，大部分企业都搭建了自已的平台，通过平台联系客户，与粉丝互动，展示自己的产品。PC网站、APP、手机站、这些平台是企业互联网生态系统的重要基础。在公司平台化、系统化的今天，工作中出现web打印的情况也会比较多。 以电商公司为例，电商平台是目前互联网重要的交易平台， web打印多为业务场景的打印需求，比如直接打印，无预览直接打印，特定格式打印（打印标签、面单、票据、零售小票等）其难度在于如何将需要打印的内容，精确套打到标签、票据中，精确控制分页，并实现高速连续打印。 以下是我分享的we
HttpPrinter实现web打印功能
tinghao_tinghao的博客
10-19 769
HttpPrinter实现web打印功能   WEB套打可选方案不多，理想的更少，利用免费控件HttpPrinter+JavaScript实现精确套打，算是较为经典的选择。这种方案其实比较简单，利用一个htm文件就可以实现模板设计过程，几乎是“空手套”式的开发，但理解这几个步骤还是需要点时间，下面一步步详细演示说明：       第一步：建立一个模板设计文件&nb...
web 打印服务器文件,【2人回答】web如何实现客户端打印在线文件（pdf，Word，Excel等），同时可以控制打印设置？-3D溜溜网...
weixin_36087905的博客
08-04 220
告别刷新在传统的服务器端渲染下，服务器对每一次交互通过生成和返回一个全新的页面做出响应。这样做常常减慢加载时间，使用更多带宽，导致反应相对迟钝的用户体验。当页面只有一个部分更改的时候，客户端渲染避免了不必要的对完整页面的请求。这对于越来越多的通过具有高延迟的移动网络来浏览的世界的人们来说尤其有用。延迟加载客户端渲染支持你的应用程序的延迟加载部分，以节省带宽并加快初始加载速度。例如，当用户向下滚动，...
JAVA：实现 web 打印功能（简单易懂）
热门推荐
平凡的人类的博客
10-02 2万+
可以直接调用测试： 这是我们调用的打印页面： 源码部分： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, i
Web页面实现打印功能
SunMoonJP的博客
03-14 5816
核心的代码：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>
远程联接打印机
moonlightpeng的博客
10-13 2112
然后安装驱动，OK
JSP调用与JavaScript打印功能实现
针对非IE浏览器，可以直接使用`Web.ExecWB()`方法的其他参数来调用浏览器的打印功能。例如： - `ExecWB(1,1)`：打印文档。 - `ExecWB(2,1)`：选择打印范围。 - `ExecWB(4,1)`：取消打印。 在调用这些方法之前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值