JS调用打印机

第一种方法:指定不打印区域


使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。

详细如下:

<style media=print type="text/css">
.noprint{visibility:hidden}
</style>
要打印的内容。哈哈!
<p class="noprint">将不打印的代码放在这里。</p>
<a href="javascrīpt:window.print()" target="_self">打印</a>

第二种方法:指定打印区域

把要打印的内容放入一个 span或div,然后通过一个函数打印。

<span id='div1'>把要打印的内容放这里</span>
<p>所有内容</p>
<div id="div2">div2的内容</div>
<a href="javascrīpt:printme()" target="_self">打印</a>
<scrīpt language="javascrīpt">
function printme()
{
document.body.innerHTML=document.getElementById('div1').innerHTML+'<br/>'+document.getElementById('div2').innerHTML;
window.print();
}
</scrīpt>

如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。

第三种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法。

点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。

1、控制"纵打"、 横打”和“页面的边距。

(1)
<script defer>
function SetPrintSettings() {
// -- advanced features
factory.printing.SetMarginMeasure(2) // measure margins in inches
factory.SetPageRange(false, 1, 3) // need pages from 1 to 3
factory.printing.printer = "HP DeskJet 870C"
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = "A4"
factory.printing.paperSource = "Manual feed"

// -- basic features
factory.printing.header = "This is MeadCo"
factory.printing.footer = "Advanced Printing by ScriptX"
factory.printing.portrait = false
factory.printing.leftMargin = 1.0
factory.printing.topMargin = 1.0
factory.printing.rightMargin = 1.0
factory.printing.bottomMargin = 1.0
}
</script>

(2)
<script language="javascript">
function printsetup(){
// 打印页面设置
wb.execwb(8,1);
}
function printpreview(){
// 打印页面预览
wb.execwb(7,1);
}

function printit()
{
if (confirm('确定打印吗?')) {
wb.execwb(6,6)
}
}
</script>
</head>
<body>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button name=button_print value="打印" onclick="javascript:printit()">
<input type=button name=button_setup value="打印页面设置" onclick="javascript:printsetup();">
<input type=button name=button_show value="打印预览" onclick="javascript:printpreview();">
<input type=button name=button_fh value="关闭" onclick="javascript:window.close();">

------------------------------------------------
关于这个组件还有其他的用法,列举如下:
WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销,有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示

2、分页打印

<HTML>
<HEAD>
<STYLE>  
P {page-break-after: always}
</STYLE>
</HEAD>
<BODY>
<%while not rs.eof%>
<P><%=rs(0)%></P>
<%rs.movenext%>
<%wend%>
</BODY>
</HTML>

3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号

(1)ie的文件-〉页面设置-〉讲里面的页眉页脚里面的东西都去掉,打印就不出来了。
(2)<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="YC">
<script language="VBScript">
dim hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"
'//设置网页打印的页眉页脚为空
function pagesetup_null()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"  
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
end function
'//设置网页打印的页眉页脚为默认值
function pagesetup_default()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"  
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P"
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"
end function
</script>
</HEAD>

<BODY>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/><p align=center>
<input type="button" value="清空页码" onclick=pagesetup_null()> <input type="button" value="恢复页吗"

onclick=pagesetup_default()><br/>
</p>
</BODY>
</HTML>

4、浮动帧打印

<SCRIPT LANGUAGE=javascript>
function button1_onclick() {
var odoc=window.iframe1.document;
var r=odoc.body.createTextRange();
var stxt=r.htmlText;
alert(stxt)
var pwin=window.open("","print");
pwin.document.write(stxt);
pwin.print();
}
</SCRIPT>

5、用FileSystem组件实现WEB应用中的本地特定打印

<script Language=VBScript>
function print_onclick //打印函数
dim label
label=document.printinfo.label.value //获得HTML页面的数据
set objfs=CreateObject("Scripting.FileSystemObject") //创建FileSystem组件对象的实例
set objprinter=objfs.CreateTextFile ("LPT1:",true) //建立与打印机的连接
objprinter.Writeline("__________________________________") //输出打印的内容
objprinter.Writeline("| |")
objprinter.Writeline("| 您打印的数据是:"&label& " |”)
objprinter.Writeline("| |")
objprinter.Writeline("|_________________________________|")
objprinter.close //断开与打印机的连接
set objprinter=nothing
set objfs=nothing // 关闭FileSystem组件对象
end function
</script>
服务器端脚本:
<%………
set conn=server.CreateObject ("adodb.connection")
conn.Open "DSN=name;UID=XXXX;PWD=XXXX;"
set rs=server.CreateObject("adodb.recordset")
rs.Open(“select ……”),conn,1,1
……….%> //与数据库进行交互
HTML页面编码:
<HTML>
………
<FORM ID=printinfo NAME="printinfo" >
<INPUT type="button" value="打印>>" id=print name=print > //调用打印函数
<INPUT type=hidden id=text1 name=label value=<%=………%>> //保存服务器端传来的数据
………
</HTML>

第四种方法:去除页眉页脚

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>PcyearSeo</title>
<head>
<!--关键代码部分-->
<script language="javascript" type="text/javascript">
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
var hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\Software\Microsoft\Internet Explorer\PageSetup\ "
function pagesetup_null(){
try{
var RegWsh=new ActiveXObject("WScript.Shell")
hkey_key="header"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
hkey_key="footer"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
}catch(e){}
}
</script>
<!--关键代码部分-->
</HEAD>
<BODY>
<DIV align=center>
<p>
<!--关键代码部分-->
<OBJECT id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0" VIEWASTEXT></OBJECT>
<!--关键代码部分-->
您打印内容开始:
</p>
<p>
<!--startprint-->
<div style="border:1px solid #999999; width:auto;"><img src="2010723115926746.jpg"/></div>
<!--endprint-->
</p>
<p>打印的内容结束</p>
<p class="noprint">
<!--class="noprint"的作用是标示不需要打印的地方,任何一个标签的class属性都可以设置,用于去除不需要打印的地方-->
<INPUT onclick=javascript:doPrint() type=button value=打印 name=button_print />
</p>
</DIV>
</body>
</html>

<think>好的,用户问的是如何在JavaScript中调用打印机打印内容。这个问题需要分步骤解释,因为直接调用打印机涉及不同的环境和权限问题。首先,我得考虑用户可能的应用场景,是网页打印还是桌面应用?如果是网页的话,通常用window.print()方法,但如果是桌面应用可能需要Node.js或其他库。 先回顾基础知识,浏览器中的JavaScript可以通过window.print()调出打印对话框,这是最常用的方法。不过用户可能需要自定义打印内容,这时候可以用媒体查询或者打印样式表。但有些情况下用户希望隐藏某些元素,比如按钮,这时候可以创建一个隐藏的iframe或者新窗口,把内容放进去再打印,避免影响当前页面。 然后想到用户可能需要更复杂的控制,比如静默打印或者直接发送指令到打印机。这时候就需要使用ActiveX控件或者浏览器插件,不过这些方法在现代浏览器中可能不被支持,特别是考虑到安全限制。可能需要转向服务端方案,比如用Node.js的printer模块,但这需要用户有相应的环境设置。 接下来要考虑不同场景下的实现方式。例如,如果是Electron桌面应用,可以使用webContents.print()方法,提供更多控制选项。对于纯网页环境,可能需要结合服务端生成PDF,再调用浏览器的打印功能。另外,浏览器的安全策略可能会阻止自动打印,所以必须用户主动触发,比如点击按钮。 还要注意常见问题,比如样式不一致,需要提醒用户使用打印样式表。跨浏览器兼容性也是一个问题,不同浏览器处理打印的方式可能有差异。如果用户需要更高级的功能,比如指定打印机或设置纸张类型,可能需要第三方库或与后端配合。 最后总结一下,用户可能需要根据具体需求选择合适的方法。如果是简单的网页打印,window.print()足够;如果需要更多控制,可能需要桌面应用框架或服务端处理。同时提醒用户注意浏览器兼容性和安全限制,避免不必要的麻烦。</think>JavaScript调用打印机打印功能通常分为浏览器环境与桌面应用两种场景,以下是逐步说明: --- ### 一、浏览器环境打印(纯前端方案) #### 1. 调用浏览器默认打印 使用 `window.print()` 方法直接触发浏览器的打印对话框: ```javascript // 点击按钮触发打印 document.getElementById('printBtn').onclick = function() { window.print(); }; ``` #### 2. 自定义打印内容 通过CSS媒体查询隐藏非打印元素,并创建专用打印视图: ```css /* 打印样式表 */ @media print { .no-print { display: none; } .print-area { width: 100%!important; } } ``` #### 3. 高级技巧:iframe打印 创建隐藏的iframe实现无干扰打印: ```javascript function printSpecificContent(content) { const iframe = document.createElement('iframe'); iframe.style.display = 'none'; document.body.appendChild(iframe); const doc = iframe.contentWindow.document; doc.open(); doc.write(content); doc.close(); iframe.contentWindow.print(); document.body.removeChild(iframe); } ``` --- ### 二、桌面应用打印(Node.js环境) #### 1. 使用打印机驱动库 通过 `node-printer` 包直接控制打印机: ```bash npm install printer ``` ```javascript const printer = require('printer'); printer.printDirect({ data: '打印测试内容', printer: '打印机名称', // 空则使用默认打印机 success: jobID => console.log('任务ID:', jobID), error: err => console.error(err) }); ``` #### 2. 生成PDF打印 使用 `pdfkit` 生成PDF后打印: ```bash npm install pdfkit ``` ```javascript const PDFDocument = require('pdfkit'); const fs = require('fs'); const doc = new PDFDocument(); doc.pipe(fs.createWriteStream('output.pdf')); doc.text('打印内容', 100, 100); doc.end(); // 调用系统打印命令(Windows示例) const { exec } = require('child_process'); exec('start /MIN notepad /p output.pdf'); ``` --- ### 三、跨平台方案(Electron) 在Electron应用中实现精细控制: ```javascript const { ipcRenderer } = require('electron'); ipcRenderer.send('print', { deviceName: 'XP-58', // 指定打印机 pageSize: 'A4', // 纸张规格 silent: false // 是否静默打印 }); ``` --- ### 四、注意事项 1. **安全限制**:浏览器禁止自动触发打印,必须由用户操作(如点击)启动 2. **样式一致性**:使用 `@media print` 确保打印效果符合预期 3. **跨浏览器兼容**:不同浏览器对打印API的支持存在差异 4. **静默打印**:需通过浏览器扩展或桌面应用实现 根据具体需求选择合适方案,简单内容推荐使用浏览器原生打印,复杂场景建议结合服务端或桌面应用实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值