对JS的打印方法总结一下，方便日后查阅。
一．用JS自带函数打印
直接调用
<a href="javascript:window.print();">打印</a>
二．IEWebBrowser组件
介绍
http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#top
http://support.microsoft.com/kb/q247671/#appliesto
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>
<input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有>
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为>
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>
<input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印预览>
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置>
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性>
<input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选>
<input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>
<input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭>
三．使用ScriptX.cab控件
1．下载ScriptX.cab控件
官网
http://www.meadroid.com/scriptx/index.asp
2．使用object元素，修改codebase，classid的值
这里调用控件ScriptX.cab
<OBJECT id="factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>
这段代码用来加载cab文件，clsid和codebase必须要和你下载的cab中的信息对应，否则组件会加载错误，这两项其实不难找，只要你用winrar打开你下载的cab文件，然后找到扩展名是.inf的文件，然后打开之，就能看到了。
3．调用控件脚本
Print.js文件
function setPrintBase(headerText,footerText,rootUrl) {
// -- 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"
var header = (headerText==null||headerText=="")?'默认页眉':headerText;
var footer = (footerText==null||footerText=="")?'默认页角':footerText;
factory.printing.header = "&b"+header+"&b" ;
factory.printing.footer = "&b"+footer;
factory.printing.portrait = true;
factory.printing.leftMargin =10.00;
factory.printing.topMargin =10.00;
factory.printing.rightMargin =10.00;
factory.printing.bottomMargin =10.00;
}
例子
<%@ page contentType="text/html;charset=GBK"%>
<html>
<head>
<meta http-equiv="imagetoolbar" content="no">
<script language="javascript" src="print.js"></script>
<style media="print">
.Noprint {DISPLAY: none;}
</style>
<title>打印测试</title>
</head>
<OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>
<script defer>
function window.onload() {
setPrintBase('页眉','页脚');
}
</script>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<center class="Noprint">
<input type=button value="打印" onclick="factory.printing.Print(true)">
<input type=button value="页面设置" onclick="factory.printing.PageSetup()">
<input type=button value="打印预览" onclick="factory.printing.Preview()">
<input type="button" value="关闭" onclick="window.close();">
</center>
<center>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center"><b>内容</b></td></tr>
</table>
</center>
</body>
</html>
四．对比
1．Window.print调用方便，但功能简单
2．功能更强大，但使用IEWebBrowser有时会报JS没有权限的错误。
3．ScriptX控件功能也比较强大，目前在使用这种方式。
分享到：
相关推荐
总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印总结JS打印
vue打印功能实现的两种方法总结 1，安装 npm install vue-print-nb --save 2，引入 安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 3，现在就可以使用了 ...
在.net项目中实现利用js代码实现打印功能，本人开发中的总结，非常好使
JavaScript获取HTML DOM节点元素的方法的总结
关于JS打印问题！网上收集+自己总结 ，需要的朋友可以参考下。
总结 1、相同点 2、区别 call() 方法 /* 正常模式 */ let obj = { sum(a, b) { console.log(this) return a + b } } // 执行 sum 函数的 apply、bind 方法，打印的 this 同下 obj.sum.call() // 打印...
js调试中经常会碰到输出的内容是对象而无法打印的时候，光靠alert只能打印出object标示，却不能打印出来里面的内容，甚是不方便，于是各方面整理总结了如下一个函数，能够将数组或者对象这类的结果一一打印出来，...
泛微OA前端开发接口方法和自定义方方法总结注释 适用于刚接触泛微OA前端开发的小白和不了解泛微OA开发的老手 有什么问题可以私信问我 前端代码开发方式 方式1：模板上代码块，针对单个节点，在显示/打印/移动模板...
4．打印页面的特定部分我是通过将需要打印的特定部分另建一个页面，然后装入主页面的一个IFrame中，再调用IFrame的打印方法，只打印IFrame中的内容实现的。如：...
JavaScript学习过程中做的总结，由浅入深，一看就懂，对初学者很友好，可以打印出来随时参考，当然还是要多练
打印文档的生成 • 1、客户端脚本方式 一般情况下，主要使用JS 可以分析源页面的内容，将欲打印的页面元素提取出来，实现打印。通过分析源文档的内容，可以生成打印目标文档。 优点：客户端独立完成打印目标文档的...
根据自己实践实习IE自带的打印功能进行总结
运算符总结; 加法赋值运算符 (+=); 加法运算符 (+); 赋值运算符 (=); 按位“与”赋值运算符 (&=); 按位“与”运算符 (&); 按位左移运算符 (); 按位“非”运算符 (~); 按位“或”赋值运算符 (|=); 按位“或...
一般情况下，主要使用JS 可以分析源页面的内容，将欲打印的页面元素提取出来，实现打印。通过分析源文档的内容，可以生成打印目标文档。 优点：客户端独立完成打印目标文档的生成，减轻服务器负荷； 缺点...
学习过程中对JavaScript做的重点总结，已整理好，排版明确，可打印成册，希望对大家学习JavaScript有所帮助
java，hibernate cascade设置，Oracle，jsp，Struts2 + jQuery 实现ajax，weblogic 自动部署 ，设计模式，js打印方法，搭建SVN服务端，jdk6+tomcat6+mysql5安装程序的制作，dwr备忘
2. 什么是CSS 3. 行内元素和块级元素的具体区别是什么 4. 简述一下你对HTML语义化的理解 5. rgba() 和 opacity 设置透明度的区别是
首先用到的技术栈是react，js，ES6，css，html，包管理npm，接下来主要讲的是条码打印和二维码打印遇到的问题。 关于条形码和二维码的生成和打印最后面有最新代码（更简洁易懂） 1.对应的条码打印的npm包是jsbarcode...
如果我们想要打印数组中所有的值，直接打印数组的变量名就可以： 往数组添值： 栈方法、队列方法： 关于数组的排序： 数组的一些操作方法： 查找位置方法 迭代方法 归并方法 Date类型 RegExp类型 Function类型 ...
先大概的对log4js 的基本用法做一个总结，使用configure()方法对日志输出进行配置，使用 getlogger()方法获取logger对象，然后使用logger 对象进行打印各个级别的日志。其中比较复杂的是 configure()方法中的配置...