js打印问题,急！！！！！

JavaScript013

js打印问题,急！！！！！,第1张

对JS的打印方法总结一下，方便日后查阅。

一．用JS自带函数打印

直接调用

Java代码 复制代码

1. <a href="javascript:window.print()">打印</a>

<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

Java代码 复制代码

1. <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

2. <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>

3. <input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有>

4. <input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为>

5. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>

6. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>

7. <input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印预览>

8. <input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置>

9. <input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性>

10. <input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选>

11. <input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>

12. <input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭>

<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

Java代码 复制代码

1. <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>

<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文件

Java代码 复制代码

1. function setPrintBase(headerText,footerText,rootUrl) {

2.

3. // -- advanced features ，未曾使用过，有待确认。

4.

5. //factory.printing.SetMarginMeasure(2)// measure margins in inches

6.

7. //factory.SetPageRange(false, 1, 3)// need pages from 1 to 3

8.

9. //factory.printing.printer = "HP DeskJet 870C"

10.

11. //factory.printing.copies = 2

12.

13. //factory.printing.collate = true

14.

15. //factory.printing.paperSize = "A4"

16.

17. //factory.printing.paperSource = "Manual feed"

18.

19. var header = (headerText==null||headerText=="")?'默认页眉':headerText

20.

21. var footer = (footerText==null||footerText=="")?'默认页角':footerText

22.

23. factory.printing.header = "&b"+header+"&b"

24.

25. factory.printing.footer = "&b"+footer

26.

27. factory.printing.portrait = true

28.

29. factory.printing.leftMargin =10.00

30.

31. factory.printing.topMargin =10.00

32.

33. factory.printing.rightMargin =10.00

34.

35. factory.printing.bottomMargin =10.00

36.

37. }

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

}

例子

Java代码 复制代码

1. <%@ page contentType="text/htmlcharset=GBK"%>

2.

3. <html>

4. <head>

5. <meta http-equiv="imagetoolbar" content="no">

6. <script language="javascript" src="print.js"></script>

7. <style media="print">

8. .Noprint {DISPLAY: none}

9. </style>

10. <title>打印测试</title>

11. </head>

12. <OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>

13.

14. <script defer>

15. function window.onload() {

16. setPrintBase('页眉','页脚')

17. }

18. </script>

19. <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

20. <center class="Noprint">

21. <input type=button value="打印" onclick="factory.printing.Print(true)">

22. <input type=button value="页面设置" onclick="factory.printing.PageSetup()">

23. <input type=button value="打印预览" onclick="factory.printing.Preview()">

24. <input type="button" value="关闭" onclick="window.close()">

25. </center>

26.<center>

27. <table width="100%" border="0" cellpadding="0" cellspacing="0">

28. <tr><td align="center"><b>内容</b></td></tr>

29.</table>

30. </center>

31. </body>

32. </html>

<%@ page contentType="text/htmlcharset=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控件功能也比较强大，目前在使用这种方式。

这里的也不错啊，有打印到 word的和excel

http://hi.baidu.com/afei0211/blog/item/20523955ca8bebc2b745ae98.html

http://hi.baidu.com/hongz1125/blog/item/0152bcfd84ce1e1008244d5c.html

.NET环境下的

http://blog.csdn.net/flygoldfish/archive/2004/08/17/77208.aspx

1，首先，点击Windows开始菜单。2，然后，然后点击Windows系统选项，3.，然后要鼠标选择控制面板，4，点击用户账户，5，管理Windows凭据。6，接着，在打开的窗口鼠标点击添加Windows凭据，7，最后，在打开的窗口输入新的凭据信息就可以了。

“三测单”(体温、脉搏、呼吸)是用不同的标记和颜色记录病人体温、脉搏、呼吸及血压等等的变化，是机体内在活动的一种客观反应，其所记录者，即为衡量机体状况的可靠指标，临床上称它们为生命体征。实现电子“三测单”的目的是减少护士日常的曲线描绘，只要录入每次的记录值，系统自动变化曲线，减少护士的工作量；也实现了“三测单”的信息共享!特别是一些医院已经上了移动护理系统更直接的提高了护士的工作效率。但由于目前卫生行业病历管理要求打印出来保管，所以这就对电子“三测单”的推广应用提出了新的要求，要求用彩色打印机打印，这样对医院来说增加了使用成本，所以目前好多医院对这块的应用相对积极性不是很高，只有部队医院(用普通打印机)应用相对要好于地方医院。

能打印，首先你要有一个带控制台的浏览器，比如说chrome、firefox、或者基于chrome内核的浏览器，ie9+也可以。

f12打开控制台，切换到“console”选项卡或者叫“控制台”

js中这么写

var a = 1

console.log(a)

这样程序运行的时候，就会打印到控制台了。不管是数组对象 都能有一个良好的体现