`
zhuojb
  • 浏览: 91091 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

js打印WEB页面内容代码大全

阅读更多
第一种方法:指定不打印区域

使用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>
分享到:
评论
1 楼 July01 2017-09-26  
推荐用StratoIO打印控件,浏览器和系统的兼容性都很好,而且不会崩溃。参考http://webprint.stratoio.com/features

相关推荐

    js打印WEB页面内容代码大全[整理].pdf

    以下是对三种JavaScript打印WEB页面内容代码方法的详细解释: 1. **指定不打印区域**: 这种方法利用CSS媒体查询(Media Queries)来隐藏不想在打印时出现的内容。在CSS中定义一个类`noprint`,将不需要打印的元素...

    js打印WEB页面与打印预览

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

    js打印Web页面

    ### js打印Web页面知识点详解 #### 一、概述 JavaScript 提供了多种方式来实现 Web 页面的打印功能。本文档将详细介绍三种常见的方法,并提供具体的实现步骤与代码示例。 #### 二、指定不打印区域 这种方法适用于...

    纯js在线WEB打印设计模块

    【纯js在线WEB打印设计模块】是一种基于JavaScript技术的网页打印解决方案,专为在线设计和打印快递模板、配货单模板等应用场景而设计。在现代电子商务和物流行业中,这种技术对于自动化业务流程、提高效率至关重要...

    Web打印控件代码-可打框架内容

    Web打印控件是一种在网页上实现打印功能的关键技术,它允许用户通过浏览器直接打印网页内容,包括框架(frameset)中的各个部分。在现代Web应用中,为了提供更好的用户体验,有时候需要用户能够打印特定的页面或者...

    web打印POS小票机代码

    `LodopFuncs.js`是LODOP提供的JavaScript函数库,其中包含了与LODOP交互的所有函数,比如设置打印机、添加打印内容、预览和实际打印等。 以下是一些核心的LODOP使用示例: 1. **初始化LODOP对象**:`var LODOP = ...

    Web打印代码

    Web打印代码是网页应用中一个重要的功能,它允许用户直接从浏览器打印网页内容或者特定的部分。这个功能在很多场景下非常实用,比如报告、发票、合同等需要纸质副本的情况。在深入探讨Web打印代码之前,我们需要理解...

    js指定打印页面部分内容代码.zip

    标题“js指定打印页面部分内容代码.zip”涉及到的是JavaScript(js)技术在网页打印功能上的应用。JavaScript是一种广泛用于客户端Web开发的脚本语言,它可以与HTML和CSS紧密结合,实现动态网页交互。在这个压缩包中...

    网页打印控件JS版

    网页打印控件JS版是一种基于JavaScript技术实现的打印解决方案,主要针对的是网页内容的打印需求。在现代Web应用中,用户可能需要将网页上的部分内容,如订单详情、报告或者文章等,打印出来作为纸质记录。JsPrint...

    Printer_js_css 纯js实现web打印服务,完全兼容

    JavaScript打印服务主要通过调用浏览器的`window.print()`方法来实现,但仅仅依赖这个方法往往无法满足复杂的需求。Printer_js_css 提供了更高级的功能,例如预览、选择打印机、设置打印选项等,这些都是通过自定义...

    js打印当前网页

    本文将深入探讨如何使用JavaScript实现对当前网页的打印,这不仅包括简单的打印整个页面,还涉及到选择性地打印页面的特定部分。 #### 一、基本原理与方法 JavaScript提供了一个内置的方法`window.print()`,它会...

    非常好用的web打印插件 , 可以热敏打印

    一旦安装成功,开发者就可以通过JavaScript代码调用插件提供的API,实现对网页内容的控制和打印。例如,可以创建一个打印按钮,点击后触发打印事件,调用如`window.print()`这样的函数,或者使用插件提供的特定方法...

    WEB应用程序,不预览,直接打印

    `LodopFuncs.js`是LODOP的JavaScript接口文件,通过引入这个文件,可以在Web页面中调用LODOP的各种功能。 4. **LODOP使用**:使用LODOP,可以通过JavaScript代码控制打印的细节,比如设置打印机、纸张大小、页边距...

    web打印控件大全

    Web打印控件是Web应用程序中的一种组件,它允许用户直接从浏览器打印网页内容或者特定的网页元素,而无需依赖于浏览器自身的打印功能。这些控件通常以ActiveX、Java Applet或JavaScript插件的形式存在,可以跨平台...

    web打印POS小票机代码.zip

    "web打印POS小票机代码.zip"这个压缩包文件提供了一个示例代码,帮助开发者理解如何实现网页端直接控制POS小票打印机进行打印。以下是对这个主题的详细知识点介绍: 1. **Web打印技术**: Web打印是指通过Web应用...

    js web 打印 第三方打印控件免费版本

    通过这种方式,开发者可以灵活地控制Web页面的打印行为。 总结起来,Lodop作为一个免费的第三方打印控件,为JavaScript Web打印提供了强大而全面的解决方案。其丰富的API和广泛的浏览器兼容性使得开发者能够实现...

    C#实现简单的Web打印控件

    Web打印控件对于Web应用程序来说是至关重要的,它允许用户在浏览器环境中直接打印网页内容,而无需通过复制粘贴到其他应用程序中。传统的Web打印常依赖于ActiveX控件,但随着浏览器安全性的提升,这种技术逐渐被替代...

    web打印控件代码

    2. **HTML到打印文档的转换**:Web页面通常是HTML格式,而打印机需要的是如PDF或XPS这样的文档格式。因此,控件需要能够将HTML转换为这些格式。这可能通过如iTextSharp(PDF)或XPS Document Writer(XPS)等库来...

Global site tag (gtag.js) - Google Analytics