`
woshixushigang
  • 浏览: 576365 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

js 打印，打印预览

    博客分类：
  • js
JavaScriptWebVBScriptIEHP 
阅读更多

<HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312" />
<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>

<DIV align=center>
<OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
<INPUT onclick=javascript:printit() type=button value=打印 name=button_print />
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />
</DIV>
</BODY>
</HTML>
注意：
1、CSS对打印的控制：
<!--media=print 这个属性可以在打印时有效-->
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>

Noprint样式可以使页面上的打印按钮等不出现在打印页面上，这一点非常重要，因为它可以用最少的代码完成最需要的功能

PageNext样式可以设置分页，在需要分页的地方<div class="PageNext"></div>就OK了

2、表格线粗细的设置，更是通过样式表：

<style>
.tdp
{
border-bottom: 1 solid #000000;
border-left: 1 solid #000000;
border-right: 0 solid #ffffff;
border-top: 0 solid #ffffff;
}
.tabp
{
border-color: #000000;

border-collapse:collapse;
}
</style>

或者：

<style>
.TdCs1 {
border:solid windowtext 1.0pt;
}
.TdCs2 {
border:solid windowtext 1.0pt; border-left:none;
}
.TdCs3 {
border-top:none;
border-left:solid windowtext 1.0pt;
border-bottom:solid windowtext 1.0pt;
border-right:solid windowtext 1.0pt;
}
.TdCs4 {
border-top:none;
border-left:none;
border-bottom:solid windowtext 1.0pt;
border-right:solid windowtext 1.0pt;
}
.underline {
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #000000;
}
</style>

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%>

<%=rs(0)%>

<%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/>

</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>
//*****************************

4、用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>

分享到：
| new DecimalFormat("#.00%").format(..)
评论
发表评论

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

相关推荐

    js应用大全 js打印 打印预览 设置

    ### JS应用大全：打印、打印预览设置与高级特性详解 在现代Web开发中，JavaScript（简称JS）作为客户端脚本语言，其功能强大且应用广泛。本文将深入解析JS在打印、打印预览设置方面的应用，同时涵盖正则表达式、...

    js打印WEB页面与打印预览

    JS打印WEB页面与打印预览是指在WEB页面中使用JavaScript语言来实现页面的打印和预览功能。以下是实现这个功能的三种方法： 第一种方法：使用CSS隐藏不打印内容 在这个方法中，我们可以使用CSS来隐藏不需要打印的...

    js 打印以及预览功能实现

    var previewWin = window.open('', '打印预览', 'width=800,height=600'); previewWin.document.write(content); previewWin.document.close(); } ``` 最后，`jsprint`或类似的库，如`jsPDF`，可以帮助处理更...

    JS实现浏览器打印、打印预览示例

    JS实现浏览器打印和打印预览的知识点主要包括以下方面： 1. window.print()方法：这是一个JavaScript内置方法，可以触发浏览器的打印对话框。使用此方法时，打印的是当前window.document.body.innerHTML中的内容。...

    js打印实现各个浏览器预览插件

    总结来说，实现跨浏览器的JS打印预览功能，需要考虑不同浏览器的特性，如IE的ActiveXObject，以及利用jQuery插件来提供统一的用户体验。`jquery-print-preview-plugin`这类插件简化了这一过程，提供了丰富的定制选项...

    PDF.js在线预览打印

    PDF.js是Mozilla开发的一...总的来说，"PDF.js在线预览打印"技术使得开发者可以轻松地在Web应用中集成高质量的PDF预览功能，提供给用户更加便捷的操作体验，而这一切都是基于纯JavaScript实现的，兼容性好且易于维护。

    js打印指定区域打印预览打印设置，简单方便

    test.html 每个按钮调用一个函数，实现打印指定区域，可预览，可设置

    js调用ie打印和预览功能

    打印预览" onclick='document.all.WebBrowser.ExecWB(7,1)' /&gt; function dayin() { if (window.confirm("确认打印?")) { // 隐藏不需要打印的部分 $("#list_table_1 tr:last-child").css("display", "none")...

    js调用word 直接打印预览功能

    本文将深入解析如何利用JavaScript（JS）调用Microsoft Word来实现文档的直接打印预览功能，这不仅能够提升用户体验，还能增强Web应用的功能性。 ### 关键知识点 #### 1. JavaScript与ActiveX对象 在Windows环境...

    js iframe 打印 打印预览 页眉页脚的设置

    在JavaScript（JS）中，利用iframe进行打印和打印预览是常见的需求，特别是在网页开发中。这个场景下，我们可能需要自定义页眉和页脚，以提供更专业的打印效果。下面将详细介绍如何通过JS实现这个功能。 首先，我们...

    chrome浏览器实现打印预览打印功能.zip

    总的来说，实现Chrome浏览器的打印预览和打印功能，主要涉及JavaScript的`window.print()` API，以及可能需要结合jQuery插件和CSS技术来优化打印效果和处理浏览器兼容性。通过研究提供的资源，开发者可以更好地掌握...

    pdf.js Demo 纯js实现PDF在线预览及打印

    这个Demo展示了如何利用PDF.js库实现PDF在线预览和打印功能，同时还提供了页面缩放和打开本地PDF文件的能力。以下是关于这个项目的详细知识点： 1. **PDF.js基本概念**：PDF.js是一个JavaScript库，它解析PDF文件并...

    LodopFuncs.js打印、前端开发直连打印机打印、js调用驱动 不经过传统预览页面后才可打印问题

    前端LodopFuncs.js打印，js打印，web打印，jq打印，html打印，不需要经过预览页面 直接调起默认打印机进行局部打印。该打印js可局部打印也可全局打印而且该驱动试用版也能正常使用打印功能。局部打印功能和jQuery....

    原生JS打印插件之jQuery.EasyPrint.js使用文档

    javascript打印大全；通用；js实现打印的方式；JS怎么实现页面打印呢？JavaScript 实现打印,打印预览,打印设置；JS打印和报表输出；原生js打印插件Print.js；js控制分页打印、打印分页示例；js 打印插件；js使用...

    打印预览功能示例

    对于Web应用，JavaScript库如PDF.js可以实现浏览器内的PDF预览。 6. **调试与测试**：在`Debug`目录下，通常包含开发者用于测试和调试的资源和配置文件。这些可能包括编译后的代码、日志文件、设置信息等，它们有助...

    JS实现的打印、打印预览功能

    JS实现的打印、直接打印、打印预览功能，非常简单实用

    js打印预览（LodopFuncs.js）

    LodopFuncs.js是实现这一功能的一种解决方案，它是一款基于ActiveX或NPAPI技术的浏览器插件，由上海连邦信息技术有限公司开发，专门用于JavaScript的打印预览和打印服务。 LodopFuncs.js的工作原理是通过在用户的...

    js 实现 打印预览

    js 实现 打印预览! 值得下载看看!资源免费,大家分享!!

    js打印（有设置和预览功能）

    在Web开发中，JavaScript（简称JS）打印功能是不可或缺的一部分，尤其对于生成报表或提供打印选项的网页至关重要。本实例提供了具有设置和预览功能的JS打印解决方案，可以帮助开发者更高效地实现这一需求。 首先，...

    页面实现预览和打印(页面整体打印和局部打印)

    总结，实现HTML和JSP页面的预览和打印功能，主要涉及JavaScript、CSS媒体查询以及可能的第三方库的运用。通过合理的设计和代码组织，开发者可以为用户提供便捷且灵活的打印体验。在实际项目中，根据需求可以选择合适...

Magicbox
Global site tag (gtag.js) - Google Analytics