总结JS打印方法

java虫

浏览: 536470 次
性别:
来自: 北京

最近访客更多访客>>

roqingyou

lq0225

bluzioo

wangcjz

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JS/DHTML

HP Microsoft ASP 脚本 HTML

对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控件功能也比较强大，目前在使用这种方式。

分享到：

HTML基础(笔记) | 用ANT工具管理应用

2007-09-12 11:06
浏览 51026
评论(7)
查看更多

7 楼 July01 2017-11-08

推荐用StratoIO打印控件，支持网页、URL、图片、PD、ZPL和EPL，浏览器和系统的兼容性都很好，
而且不会崩溃。页头页脚、页码都能定制。参考http://www.webprinter.cn/features

6 楼 July01 2017-09-21

推荐用StratoIO打印控件，浏览器和系统的兼容性都很好，而且不会崩溃。参考[url]http://webprint.stratoio.com/features [/url]

5 楼 July01 2017-09-21

推荐用StratoIO打印控件，浏览器和系统的兼容性都很好，而且不会崩溃。参考

http://webprint.stratoio.com/features

4 楼 changelim 2015-01-12

http://stackoverflow.com/questions/10020253/silent-printing-specify-non-default-printer js直接打印（不会弹出提示打印框）看这篇文章，我试过 window.print() 可以直接打印，接下来以Google Chrome 为例：
右键点击 Google Chrome-->属性-->快捷方式--->目标在目标中原有的内容后添加： --kiosk --kiosk-printing
我的原来是："C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"
添加后为："C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --kiosk --kiosk-printing

接下来在Google Chrome浏览器的“设置”-->“启动时”-->“打开特定网页或一组网页”-->“设置网页”-->“启动页”里添加要打印的页面/网页，即可。

3 楼 zhoulei0502 2014-12-11

1楼具体点

2 楼 lj0910 2012-09-13

怎么将页面中的一个图片打印出来，其他的都不用打印。只要打印这张图片。

1 楼 xisuchi 2011-05-31

最简单的办法,无需其他控件等的支持,创建一打印用的css文件,JSP或HTML文件中打印的内容使用div并进行精确定位,即可实现精确套打.

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论