html调用打印机

最新推荐文章于 2025-10-24 13:24:22 发布
原创 最新推荐文章于 2025-10-24 13:24:22 发布 · 478 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML #IE #ITeye #Web #Blog

http://elf8848.iteye.com/blog/626790

<!--语言无关 保存成 .HTML 看看-->
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<title>完美的Web打印</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--media=print 这个属性可以在打印时有效-->
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>

<style>
.tdp
{
border-bottom: 1 solid #000000;
border-left: Ł solid #000000;
border-right: ŀ 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"> </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>


试着改变参数会得到其他一些功能：

WebBrowser.ExecWB(1,1) 打开
WebBrowser.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
WebBrowser.ExecWB(4,1) 保存网页
WebBrowser.ExecWB(6,1) 打印
WebBrowser.ExecWB(7,1) 打印预览
WebBrowser.ExecWB(8,1) 打印页面设置
WebBrowser.ExecWB(10,1) 查看页面属性
WebBrowser.ExecWB(15,1) 好像是撤销，有待确认
WebBrowser.ExecWB(17,1) 全选
WebBrowser.ExecWB(22,1) 刷新
WebBrowser.ExecWB(45,1) 关闭窗体无提示
lxk1314
关注
html调用打印机打印（可预览）
11-02
在html中的input里输入什么内容就预览、打印什么内容。很方便、实用。
html调用打印机打印（可预览）样式css
11-02
html打印布局的样式，网页一打开或者刷新后input自动默认光标在中间。
HTML页面打印的完美解决方案：从传统插件到现代Web打印技术
最新发布
Web打印社区，静默打印预览技术交流社区
10-24 1021
HTML打印完美解决方案：web-print-pdf npm包 摘要：本文探讨了HTML打印面临的技术挑战，包括浏览器打印的局限性、样式控制复杂性和常见打印插件（如Lodop、iframe和Canvas方案）的优缺点。重点介绍了web-print-pdf npm包如何通过现代化技术架构完美解决这些问题：支持静默打印、精确控制打印参数、完美还原HTML/CSS/JavaScript内容，并提供了企业级打印解决方案。该方案基于WebSocket通信和无头浏览器技术，能够处理复杂HTML结构、响应式布局和动态内容
html调用打印实现打印
12-15
html调用打印实现打印
HTML 调用 打印机打印 By jQuery.print.js
公子七
10-26 3172
<a id="btnPrint" class="btn btn-mini btn-primary" onclick="doPrint();">打印</a> <!-- 打印的js 登录网址https://github.com/DoersGuild/jQuery.print，下载js文件，进行简单的配置即可使用啦！ --> <script type="text/javascript" s
【HTML打印】HTML直接调用window下的打印机并执行打印任务（简单打印任务生成）...
weixin_34272308的博客
09-07 2468
1、&lt;button onclick="preview('data');" id="print"&gt;打印&lt;/button&gt; 2、   3、js: &lt;script type="text/javascript"&gt; function preview(id){ var sprnhtml=$('#'+id).html(); //获取..
JQ插件调用打印机实现打印功能
11-01
本文将详细讲解如何利用jQuery插件来实现打印功能，具体以"JQ插件调用打印机实现打印功能"为主题，涉及的核心文件有`jquery-1.11.3.min.js`、`jquery.jqprint-0.3.js`和`jquery-migrate-1.2.1.min.js`。 首先，`...
H5 mui通过蓝牙调用打印机printUtil.js
04-29
H5 mui通过蓝牙调用打印机
Web Service调用打印机打印自定义表单
02-05
Web服务调用打印机打印自定义表单是一种常见的技术应用场景，特别是在企业级系统中，需要将数据转换为可打印的文档格式。在这个过程中，开发者通过调用Web Service接口，实现远程控制本地或网络打印机来完成打印任务...
html页面实现打印功能
weixin_42518717的博客
06-14 6893
html页面实现打印功能可用代码效果截图 之前领导让我写一个html页面，可以进行打印，我上网搜了一下，html页面实现打印功能的博客有很多，这里我就不一一介绍了，直接上干货。 可用代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale
asp。net和C#的打印解决方案1 、、2008年3月26日
aspdongyongwei的专栏
03-26 582
 script language=javascript>    function doPrint() ...{    bdhtml=window.document.body.innerHTML;    sprnstr="";    eprnstr="";    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);    prnhtml=prn
h5连接手持蓝牙打印机，打印二维码和条码
06-07
mui h5连接手持蓝牙打印机，打印二维码和条码
HTML页面动态内容打印（文字、图片等）
中国程序猿
01-05 2395
HTML页面动态内容打印（文字、图片等），本文使用jsp做讲解，不同框架如vue等前后端分离项目依然可以参考，最重要的是打印页的样式调试问题，有的样式会失效需要特殊处理
前端打印(html)
qq_51528868的博客
12-19 1341
打印
html如何设置打印按钮,如何使用应用内打印按钮打印 (HTML)
weixin_35275189的博客
06-17 1455
如何使用应用内打印按钮打印 (HTML)12/11/2015本文内容[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅 最新文档 ]本教程介绍如何在 Windows 应用商店应用中添加打印按钮。默认情况下，用户通过从“设备”超级按钮中选择打印设备来从应用进行打印。你可以让用...
html 指定div手机调用打印机
qq_21698847的博客
10-07 325
【代码】html 指定div手机调用打印机。
用JS在html页面实现打印功能
热门推荐
芳
12-10 7万+
用JS在html页面实现打印功能打印方式一：打印方式二：打印方式三（此方式会重新打开一个浏览器窗口）： 做项目时，有在网页实现全局和局部打印的需求，百度许久，现总结如下： 打印方式一： 1.首先在head里面加入下面一段js代码： &amp;amp;lt;script language=&amp;quot;javascript&amp;quot;&amp;amp;gt; function preview(fang) { if (fang &amp;amp
H5网页调用58热敏小票打印机实现打印小票
u010520850的博客
10-16 2万+
在微信公众号和H5网页开发中，常常需要开发调用打印机进行小票打印操作，通常的做法是调用蓝牙打印机，但是蓝牙打印机由于蓝牙连接的原因，往往稳定性差，需要客户端配合才能发挥好的效果，另外蓝牙打印机距离受限制，手机不能离蓝牙打印机太远，接下我给大家介绍一种云端方案。 云打印我的理解是打印机直连云端，打印需求方通过api调用云服务器，云服务器下发订单到打印机。此方案可以解决蓝牙打印机和usb打印机的诸多...
html调用打印机打印(可预览)样式css
09-09
要在HTML中调用打印机打印并预览的样式，可以使用CSS的@media打印媒体查询。 首先，在HTML的<head>标签内引入CSS样式表文件，例如： ```html <link rel="stylesheet" type="text/css" href="styles.css"> ``` 在styles.css文件中，我们可以使用@media打印媒体查询为打印样式定义CSS规则。 ```css @media print { /* 这里是打印样式的CSS规则 */ body { font-size: 12pt; color: #000000; } h1 { font-size: 18pt; color: #0000ff; } /* 其他元素的样式定义 */ } ``` 上述代码中的@media print表示当用户选择打印页面时，在打印预览或打印输出中应用定义的样式。 可以在@media print中重新定义元素的样式，例如设置字体大小和颜色等。 当用户选择打印预览或打印输出时，浏览器将会应用@media print中定义的样式。 通过使用@media print媒体查询，我们可以为打印预览和打印输出设置特定的样式，以确保打印的内容符合预期，并满足打印需求。 同时，你也可以通过JavaScript调用window.print()方法来触发打印。在使用window.print()方法之前，确保已经定义了@media print样式。 通过以上方法，我们可以在HTML中调用打印机打印并预览特定的样式。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值