`

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

    博客分类：
  • js
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>

分享到：
| [Java Web]敏感词过滤算法
评论
发表评论

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

相关推荐

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

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

    JS 实现web分页打印功能

    使用JS的Window对象的Print方法实现兼容性强的分页打印功能，可直接运行，代码直接复制即可用。

    Web打印控件(目前最强大最专业最新版本)

    2.如何选材打印当前页面内容见样例二 3.如何用代码生成打印页见样例三 4.如何打印设计和定位套打见样例四 5.如何控制纸张大小和连续打印见样例五 6.如何输出多页长文档及双面打印见样例六 7.如何定向输出见样例七 8....

    Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件

    6.保持页脚在页面底部，而非紧接正文内容 7.保持原文CSS样式 8.便捷自定义设置工具条 9.调用、语法简单，便捷 更过详细技术难点、解决思路、实现过程讲解，及细致的代码注释，本人博文有详细介绍 ...

    jsp页面如何实现web打印

    下面的pringFrame js函数将只打印Iframe中的内容，可以直接引用使用,如printFrame(FrameId); 复制代码 代码如下: window.print = printFrame; // main stuff function printFrame(frame, onfinish) { if ( !frame...

    js+web调用打印机代码

    js调用打印机代码,可以直接对网页进行打印预览，设置，打印

    js控制web打印(局部打印)方法整理

    另外几种js局部打印的方法： 移花接木： 打印的时候，把需要打印的内容替换成整个body内容（用户会在打印的时候看到变化，客户体验不太好） 代码如下: function preview(oper) ……{ if (oper &lt; 10)……{ bdhtml...

    Web打印控件

    专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码生成复杂打印页。 控件功能强大,却简单易用,所有调用如同JavaScript扩展语句 1. 如何在页面内嵌入控件见样例一 2. 如何选材打印当前页面内容见样例二 3. ...

    Lodop6.0web打印控件及技术手册

    Lodop是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码生成复杂打印页。 控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下： ● PRINT_INIT(strPrintTaskName)打印初始化 ...

    520程序员前端表白代码，使用 HTML、CSS 和 JavaScript 编写一段浪漫的代码，用于表达爱意

    这段浪漫代码是通过HTML、CSS和JavaScript编写的，通过结合这三种前端技术，我们创建了一个令人心动的情人节表白页面。包含了逐行打印文字、变色效果和玫瑰花的飘落等特效。它能够营造出浪漫的氛围，并用创意的方式...

    利用javascript实现web页面中指定区域打印

    最近做到了web页面课程表打印时，上网找了一些资料，最后使用了下面的方法实现了我需要的功能。将需要打印的课程表的table放入div标签中，然后指定出需要打印的区域，最后调用window.print打印指定内容。 示例代码...

    lodop6 - web打印控件

    Lodop是专业Web打印控件,类型为ActiveX插件,用它既可裁剪输出页面内容， 又可用程序代码生成复杂打印页。该控件功能异常强大，却简单易用。 功能用JavaScript调用,主要接口函数如下： ● PRINT_INIT...

    Peach-Printer Web 打印控件

    Peach-Print是一套Web打印服务解决方案。打印后台组件基于JAVA平台；...js代码与打印控件交互使用http协议，网页通过向本地控件发送post请求，调用控件打印。 说明文档：https://ctxb2004.gitee.io/peach-printer/

    二维码,条形码,网页各类打印样式控件Lodop

    二维码,条形码,网页各类打印样式控件Lodop 1.如何在页面内嵌入控件见样例一 2.如何选材打印当前页面内容见样例二 3.如何用代码生成打印页见样例三 4.如何打印设计和定位套打见样例四 5.如何控制纸张大小和连续打印见...

    网页打印控件Lodop5.0

    目前流行的WEB控件，即可对页面内容自由选材输出，也可用JS实现代码控制打印 1:独特的表格页头页尾,快速实现WEB报表，兼备网页打印和报表功能 2:套打时最终用户可拖拽微调,自主保存微调结果,是套打的极佳解决方案 3:...

    功能健全的网页在线预览，在线打印js插件

    Lodop是专业Web打印控件,类型为ActiveX插件,用它既可裁剪输出页面内容， 又可用程序代码生成复杂打印页。该控件功能异常强大，却简单易用。 功能用JavaScript调用

    javaweb学生信息选课管理系统源代码.zip

    额外实现了成绩单页面转pdf与打印下载接口； oracle/mysql jsp servlet 有助于初学者学习深入 javaweb学生信息选课管理系统源代码。javaweb学生信息选课管理系统--老师学生双用户； 额外实现了成绩单页面转pdf与...

    h5+连接蓝牙打印机打印小票

    h5+连接蓝牙打印机打印小票,h5+调用蓝牙打印机打印小票。运用框架：mui.js；jquery。h5+连接蓝牙打印机，并打印小票，打印机指令集esc/pos。

    javascript 局部页面打印实现代码

    Web打印有很多方式，水晶报表使用的恐怕比较多，但这东西是收费软件，老板说不能用:(。

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