网页打印按钮的源代码
网页打印按钮的源代码：javascript:window.print();
可以用css控制
@media print
.a {display:block}
.b {display:hidden}
好像是这样。把你不想打印的部分class设为b
首先在网页中添加：
<OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
VIEWASTEXT>
</OBJECT>
然后就可以依次加入功能按钮了：
<input οnclick="document.all.WebBrowser.ExecWB(6,1)" type="button" value="打印"> <input οnclick="document.all.WebBrowser.ExecWB(6,6)" type="button" value="直接打印">
<input οnclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置">
<input οnclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="打印预览"> <INPUT type="button" value="关闭窗口" οnclick="javascript:window.close()">
将这两块东西放到<center class=noprint></center>就不会打印这些按钮了。当然要定义noprint了：
<style media="print">.Noprint { DISPLAY: none }</style>只要把不想打印的东西的css设置成noprint就可以了。
现在就实现了基本的web打印，需要注意的情况如下：
1. 必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行...设置成提示或者启用，否则会报错，导致不可用。
2. 如果在vs.net编辑环境下编辑该页面，它经常自动的给object添加多余的参数，有了这些东西，打印就会出错，所以要记得最后保存的时候删除它们。
为了简便并且达到最好的效果，我们可以在一个页面实现编辑和打印，这时候会需要很多的textbox，我们把它的css设置成.edittext
{
overflow-y:visible;
width: 100%;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
}就可以实现在打印的时候不显示边框和multiline的textbox不显示滚动条了。
还有一些小经验就是在设置标格宽度的时候，对于A4纸张，横打用920，竖打用640，效果最好。
相信用B/S方式做过应用的人都可能会遇到这样一个问题，如何方便、美观地实现报表打印。如果使用浏览器的打印菜单打印的话，将把网页上的一些无用的东西打到报表上，比如应用菜单等。因为选择打印菜单打印网页将会把网页中的所有内容全部打印出来，如果你的应用有分帧则打印内容将包括各帧中的内容，而你实际要的内容只是其中一部分。所以有很多应用就只能把打印功能放到后台完成了。 针对这种情况，我们该怎么办？其实可以有多种方法实现网页打印功能。
一种方法就是使用专业的打印工具，如Crystal Reports(水晶报表)。用过Visual Studio 5.0的朋友肯定记得这个工具，不过那时的版本只有4.几。现在的最新版本已达9了，近几个版本的水晶报表都支持WEB打印。最简单的方法是先用水晶报表制作好模板，然后使用ASP带参数调用制作好的模板即可。水晶报表在网页上生成报表后，可以直接打印，也可以转存为其它的比较通过的文件如Excel文件。使用水晶报表可以制作出非常漂亮的样式，关键在你对水晶报表的开发能力上，但由于水晶报表价格较高，只有当项目很赚钱时才买得起。
第二种方法是购买第三方的网上打印控件，费用同水晶报表相比便宜，但效果性能到底如何则仁者见仁了。
第三种方法是利用样式表及JavaScript自定义函数实现。通过样式表及JavaScript，实现网页打印，效果也还可以。在此有一个实例请大家看看。下面是打印函数实现详解：
＜script language="JavaScript" type="text/JavaScript"＞
＜!--
function DP() {
if (window.print)
{
var Div1 = document.all.Div1.innerHTML;
var Div2 = document.all.Div2.innerHTML;
// *****************************************************
// Div1、Div2即为你在打印的区域
// 这里根据你要打印的哪些内容，从原显示页面中用
// ＜div id=Div1＞Div1....＜/div＞＜div id=Div2＞Div2...＜/div＞
// 等标示出来,要打印多少项目就标示多少
// ***************************************************** var css = '＜style type="text/css" media=all＞' +
'p { line-height: 120%}' +
'.ftitle { line-height: 120%; font-size: 18px; color: #000000}' +
'td { font-size: 10px; color: #000000}' +
'＜/style＞' ;
// *****************************************************
// 定义打印用的CSS，具体你想打印出什么样的格式全看你自己
// 了，但要注意：如果此处有什么同网页中不一致的，可能打印
// 出来的页面同网页格式、字体可能会有所不同
// *****************************************************
var body ='＜table width="640" border="0" cellspacing="0" cellpadding="5"＞' +
' ＜tr＞ ' +
' ＜td class="fbody"＞ ' +
' ＜div align="center" class=ftitle＞' + Div1 + '＜/div＞' + Div2 +
' ＜/td＞' +
' ＜/tr＞' +
'＜/table＞';
// ******************************************************
// 在此处重新设置的打印格式，根据你的打印要求，将原显示的
// 网页的DIV内容重新组合，可以根据你原来的表格内容，去掉
// 不要打印的，你也可以能下面定义的noprint忽略掉你不想打
// 印的东西，只调用你要打印的内容，但这样被忽略掉的地方将
// 打印出空，不是很美观。表格宽度要同打印的纸张宽度匹配。
// ******************************************************
document.body.innerHTML = '＜center＞' + css + body + '＜/center＞';
// ******************************************************
// 重设document.body，打印文档准备就绪
// ******************************************************
window.print();
window.history.go(0);
// ******************************************************
// 调用打印命令，打印当前窗口内容。当你打印时其实是一张新
// 的网页了，但网页文件还是原先的。紧接着调用
// window.history.go(0)，再回到打印前的页面，效果相当不差
// ******************************************************
}
}
--＞
＜/script＞
＜style＞
@media print {
.noprint {display:none}
}
＜/style＞
＜!--//.noprint 定义了noprint，在以下不需要打印的地方加入 class="noprint"后，用window.print()打印就会忽略--＞
好了，一切就绪了，现在要做的就是调用DP函数，如果你将实现调用的按钮设计在同一张网页上，则直接调用即可；如果你用了分帧方法，实现调用的按钮是在另一张网页上，则在DP函数的第一行加入window.focus()命令，否则打印的只是有按钮的网页。
第四种方法，实现是一种取巧的方法。一样还是通过调用window.print()实现，只是将你要打印的内容专门生成一张网页，而打印按钮在另一帧上。假设报表网页在mainFrame上，按钮在topFrame上，按钮调用PrintReports()函数，PrintReports()函数如下即可实现打印工作。
function PrintReports() //topFrame网页中的函数
{
try
// *******************************************************
// 错误处理，如果在mainFrame中的网页没有DP函数则不打印
// *******************************************************
{
window.parent.frames("mainFrame").DP();
}
catch(e)
{
alert("no object to print!");
}
}
function DP() // mainFrame网页中函数
{
window.focus();
if (window.print)
{
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="打印"
οnclick="javascript:printit()">
<input type=button name=button_setup value="打印页面设置"
οnclick="javascript:printsetup();">
<input type=button name=button_show value="打印预览"
οnclick="javascript:printpreview();">
<input type=button name=button_fh value="关闭"
οnclick="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="清空页码" οnclick=pagesetup_null()> <input type="button" value="恢复页吗" οnclick=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>
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>
————————————————————————————————
可以控制打印区域打印代码
先写入以下代码：
<SCRIPT language=JavaScript>
function doPrint(){
var str="<html>";
var article;
var css;
var strAdBegin="<!--NEWSZW_HZH_BEGIN-->";
var strAdEnd="<!--NEWSZW_HZH_END-->";
var strFontSize='【<A href="javascript:doZoom(16)">大</A> <A href="javascript:doZoom(14)">中</A> <A href="javascript:doZoom(12)">小</A>】'
var strdoPrint="doPrint()";
var strTmp;
css="<style>"
+"body{font-family:宋体}"
+"td,.f12{font-size:12px}"
+".f24 {font-size:24px;}"
+".f14 {font-size:14px;}"
+".title14 {font-size:14px;line-height:130%}"
+".l17 {line-height:170%;}"
+"</style>";
str += css;
str += '<meta http-equiv="content-type" content="text/html; charset=gb2312">';
str += '<title>'+document.title+'</title>';
str += "<body bgcolor=#ffffff topmargin=5 leftmargin=5 marginheight=5 marginwidth=5 onLoad='window.print()'>";
str += "<center><table width=600 border=0 cellspacing=0 cellpadding=0><tr><td height=34 width=150><a href=http://news.sina.com.cn><img src=http://image2.sina.com.cn/ent/images/sina_xwzx.gif width=144 height=34 border=0 alt=新闻中心></a></td><td valign=bottom><font color=#0000ff><a href=http://home.sina.com.cn/ class=a02>新浪首页</a> > <a href=http://news.sina.com.cn/ class=a02>新闻中心</a> > 正文</font></td><td align=right valign=bottom><a href='javascript:history.back()'>返回</a> <a href='javascript:window.print()'>打印</a></td></tr></table>";
str += "<table width=600 border=0 cellpadding=0 cellspacing=20 bgcolor=#EDF0F5><tr><td>";
article=document.getElementById('article').innerHTML;
if(article.indexOf(strAdBegin)!=-1){
str +=article.substr(0,article.indexOf(strAdBegin));
strTmp=article.substr(article.indexOf(strAdEnd)+strAdEnd.length, article.length);
}else{
strTmp=article
}
str +=strTmp
str += window.location.href
str += "</td></tr></table></center>";
str += "</body></html>";
document.write(str);
document.close();
}
</SCRIPT>
利用<div id="article">文章正文</div> 实际是通过设置id为article的区域来控制打印区域的大小.
打印按钮：【<A href="javascript:doPrint()">打印</A>】
————————————————————————————————————
WebBrowser是IE内置的浏览器控件，无需用户下载。本文档所讨论的是有关IE6.0版本的WebBrowser控件技术内容。其他版本的IE应该也支持。与其相关的技术要求有：打印文档的生成、页面设置、打印操作的实现等几个环节。本文以asp为例，但是他可以容易的移植到其他web技术中。
一、WebBrowser控件
<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>
二、WebBrowder控件的方法
//打印
WebBrowser1.ExecWB(6,1);
//打印设置
WebBrowser1.ExecWB(8,1);
//打印预览
WebBrowser1.ExecWB(7,1);
三、实现打印的设置，打印数据的生成，打印的预览，和打印。
实现打印的设置，打印数据的生成，打印的预览，和打印我一般这样做，假如查询结果在a.asp中，那么在a.asp中放置打印设置、打印预览、打印三个按钮。
单击打印设置按钮则在js中执行WebBrowser1.ExecWB(8,1)，以打开打印设置窗口。
单击打印预览按钮则打开一个b.asp,在b.asp中重新生成打印数据，然后在b.asp中自动执行WebBrowser1.ExecWB(7,1)，以打开用户预览界面。
单击打印按钮则也打开b.asp，在b.asp中重新生成打印数据，然后在b.asp中自动执行WebBrowser1.ExecWB(6,1)，以自动打印数据。
四、代码
a.asp调用数据的程序就不给出了。只给出几个按钮的代码：
<input type=“button“ name=“mPrint“ value=“打印“ οnclick=“exePrint();“>
<input type=“button“ name=“mPreview“ value=“打印预览“ οnclick=“exePreview();“>
<input type=“button“ name=“mSetting“ value=“打印设置“ οnclick=“exeSetting();“>
<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>
<script language='javascript'>
function exePrint()
{
liu= window.open('b.asp?do=1','_blank','left=2000,top=2000,fullscreen=3');
}
function exePreview()
{
window.open('b.asp?do=2','_blank','left=2000,top=2000,fullscreen=3');
}
function exeSetting()
{
WebBrowser.ExecWB(8,1);
}
</script>
代码中打印设置的代码很简单，大家很容易理解。打印预览和打印的按钮需要告诉b.asp我们将要执行的是打印还是打印预览。另外，还要将查询字符串传递过去。当然web高手可以尝试其他方法，以避免反复重服务器调数据，当然初学者只能通过多次查询，以牺牲性能来解决打印了。
假设本例中a.asp通过传递一个查询串打开了b.asp，则在b.asp中将重新载入数据。在这里载入数据后将数据显示在网页上需要知道每个页要显示多少条（PageSize)。显示的时候
————————————————————————————
弹出打印窗口，去掉网址显示.
<OBJECT id=factory style="DISPLAY: none"
codeBase=http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360
classid=clsid:1663ed61-23eb-11d2-b92f-008048fdd814 viewastext></OBJECT>
<SCRIPT defer>
function window.onload() {
factory.printing.header = "-"
factory.printing.footer = "-"
factory.printing.Print(true)
factory.printing.leftMargin = 0.2
factory.printing.topMargin = 0.5
factory.printing.rightMargin = 0.2
factory.printing.bottomMargin = 1.5
}
</SCRIPT>
————————————————————————————————
WEB打印,去页眉和页脚
作者: 未知
日期:
1. IE浏览器. 文件->页面设置.
把页脚去掉就行了.
2.用代码.
//有提示的..
<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="清空页眉" οnclick=pagesetup_null()> <input type
="button" value="恢复页眉" οnclick=pagesetup_default()><br>
</p>
</BODY>
</HTML>
网页打印按钮的源代码相关推荐
- WEB打印-网页打印功能(带分页、可多页打印)
<html> <head> <title>Web打印</title> <meta http-equiv="Content-Type&qu ...
- html页面怎么添加打印,在网页中添加打印按钮或链接的方法
在网页中添加打印按钮或链接的方法 发布时间:2020-05-27 17:38:35 来源:亿速云 阅读:347 作者:鸽子 打印按钮或链接是对网页的简单添加 CSS(层叠样式表)使你可以控制屏幕上的网 ...
- js的window.print打印页面 不打印网页中的“打印”按钮
设置样式来控制不打印"打印"按钮: <style type="text/css" media="print"> .noprint ...
- 网页打印javascript:window.print()
在做B/S项目开发时.难免会遇到网页打印问题! 可以用css控制, @media print .a {display:block} .b {display:hidden} 好像是这样.把你不想打印的部 ...
- cefsharp 网页打印不好用_2019年成人高考打印准考证常见问题解答
最近,很多同学问到了准考证何时打印的问题,在这里快师教育小K老师温馨提示:2019年成人高考准考证打印时间为:2019年10月18日-27日. 还有4天时间,请同学们不要着急,快师教育小K老师会第一时 ...
- 开源了一套wms系统，支持lodop和网页打印入库单、出库单。
若依wms简介 若依wms是一套基于若依的wms仓库管理系统,支持lodop和网页打印入库单.出库单.毫无保留给个人及企业免费使用. 前端采用Vue.Element UI(ant design 正在开 ...
- 前端网页打印插件print.js
在前端开发中,想打印当前网页的指定区域内容,或将网页导出为多页的PDF,可以借助print.js实现,该插件轻量.简单.手动引入.不依赖其他库.示范项目github:https://github.co ...
- Jquery、Js实现网页打印，及打印样式的自定义
本来今天准备继续更新webpack的内容的,但是上午修改了一下公司网站的代码,然后就开始研究网页打印的东西了,弄了一下午,搞的整个人都不好了.刚好也来讲一下一些收获,其实也不算什么收获,但是还是来跟大 ...
- 活字格调用(6612345网页打印浏览器)打印无响应的解放方法_20221215_112738
活字格页面标签页内打印无效无响应问题解决方法: 测试1:点击打开标签页,点击打印测试按钮,执行无任何响应 命令如下图: 测试2.点击打开页面非标签页,点击打印测试 执行成功. 解决方法: window ...
最新文章
- python设计模式（三）：原型模式—快速实例化类的一种途径
- uniapp添加顶部导航栏颜色渐变
- 工作分解结构图（Work Breakdown Structure）
- 【模型解读】从LeNet到VGG，看卷积+池化串联的网络结构
- maven系列一：pom.xml文件详解
- odoo controller 继承
- request对象作为：作用域
- unity 打开项目路径无效_unity3d建立的文件有中文路径,现在新建了项目打不开了...
- FFmpeg源代码简单分析：avformat_find_stream_info()
- 研究永中Office的LINUX postinst脚本，是用jar处理的
- 基于推特数据挖掘交通事件的城市交通流深度学习预测模型
- linux watchdog超时时间,S3C2440看门狗定时器（Watchdog）
- 十年互联网 十个风云人物
- php5.2.17 pecl,php pecl的使用
- python并行编程 - GPU篇
- Absible#Ansible-Playbook的任务控制
- Oracle中按天、自然周、月、季、年周期统计
- Ubantu18.04 安装qq
- 高质量的原创对于搜索引擎来说是非常的友好的
- HDU 2550 百步穿杨