在web html页面中，打印、预览当前页面

最近的项目需要简单的实现一下打印当前页面的数据，有分页打印的功能。下面的一段代码可以帮助我们实现简单的打印功能，要想实现复杂的打印那需要利用其他的打印控件。这里就不提了！
<html>
<head>
<title>页面打印</title>
<style media=print>
/* 应用这个样式的在打印时隐藏 */
.noPrint {
display: none;
}
/* 应用这个样式的，从那个标签结束开始另算一页，之后在遇到再起一页，以此类推 */
.page {
page-break-after: always;
}
</style>
<style type="text/css">
.tab td {
border-bottom: 1 solid #000000;
border-left: 1 solid #000000;
border-right: 0 solid #ffffff;
border-top: 0 solid #ffffff;
}
.tab {
border-color: #000000 #000000 #000000 #000000;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.hr {
font-family: "宋体";
font-size: 9pt;
}
</style>
<script language="JavaScript" type="text/JavaScript">
var hkey_root, hkey_path, hkey_key;
hkey_root = "HKEY_CURRENT_USER";
hkey_path = "//Software//Microsoft//Internet Explorer//PageSetup//";
//这个是用来设置打印页眉页脚的，你可以设置为空或者其它
try{
var RegWsh = new ActiveXObject("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,"");
}catch(e){
alert(e.description());
}
</script>
</head>
<body bgcolor="white">
<table cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
<thead class="noPrint">
<tr>
<td align="center" colspan="3">
<center class="NoPrint">
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT>
<input type=button value=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6) />
<input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1) />
<input type=button value=打印预览 οnclick=document.all.WebBrowser.ExecWB(7,1) />
<!--
关于这个组件还有其他的用法，列举如下：
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) 关闭窗体无提示
-->
</center>
</td>
</tr>
</thead>
<tr>
<td align="center" colspan="3" style="font-size: 24px">
<b>报告印章申请表</b>
</td>
</tr>
<tr>
<td align="left" colspan="2">编号：A002 </td>
<td align="right"> </td>
</tr>
<tr>
<td colspan="3">
<table class="tab" cellSpacing="0" cellPadding="0" width="100%">
<tr align="center" height="23">
<td width="10%" height="23"><b>编号</b></td>
<td width="5%"><b>份数</b></td>
<td width="12%"><b>项目/级别编号</b></td>
<td width="12%"><b>单位</b></td>
<td width="12%"><b>项目名称</b></td>
<td width="12%"><b>工程地点</b></td>
<td width="12%"><b>检测项目</b></td>
<td width="7%"><b>单价</b></td>
<td width="8%"><b>数量</b></td>
<td width="10%"><b>总价</b></td>
</tr>
<tr style="font-size: 13px" align="center" height="23">
<td>A14785 </td>
<td>5 </td>
<td>A1546/8975 </td>
<td>中国广东广州 </td>
<td>BRT工程 </td>
<td>广州天河 </td>
<td>BRT工程 </td>
<td>￥999999999.99</td>
<td>20 </td>
<td>20*￥999999999.99 </td>
</tr>
<tr align="center" height="23">
<td colspan="2">备注</td>
<td colspan="8"> </td>
</tr>
</table>
</td>
</tr>
</table>
<hr class="noprint" width="100%" size="2"/>
<div class="page"></div>
<table class="tab" cellSpacing="0" cellPadding="0" width="100%">
<tr align="center" height="23">
<td width="10%" height="23"><b>编号</b></td>
<td width="5%"><b>份数</b></td>
<td width="12%"><b>项目/级别编号</b></td>
<td width="12%"><b>单位</b></td>
<td width="12%"><b>项目名称</b></td>
<td width="12%"><b>工程地点</b></td>
<td width="12%"><b>检测项目</b></td>
<td width="7%"><b>单价</b></td>
<td width="8%"><b>数量</b></td>
<td width="10%"><b>总价</b></td>
</tr>
<tr style="font-size: 13px" align="center" height="23">
<td>A14785 </td>
<td>5 </td>
<td>A1546/8975 </td>
<td>中国广东广州 </td>
<td>BRT工程 </td>
<td>广州天河 </td>
<td>BRT工程 </td>
<td>￥999999999.99</td>
<td>20 </td>
<td>20*￥999999999.99 </td>
</tr>
<tr align="center" height="23">
<td colspan="2">备注</td>
<td colspan="8"> </td>
</tr>
</table>
</body>
</html>
转自：http://blog.csdn.net/ibm_hoojo/article/details/5674779

转载于:https://www.cnblogs.com/xiaohuzi2008/archive/2012/08/13/2637241.html

在web html页面中，打印、预览当前页面相关推荐

html页面实现打印预览功能,js实现打印、页面设置、打印预览功能
javascript打印-打印页面设置-打印预览代码 function printsetup(){ // 打印页面设置 wb.execwb(8,1); } function printpreview( ...
pb打印:PB中打印预览的实现
转载自计算机世界日报 (文/刘荣芳) 作为目前比较流行的数据库前端开发工具 PowerBuilder显着的一个特点就是其数据窗口(DataWindow)技术,利用此技术可生成各种复杂报表,但在打 ...
C#Winform中打印预览时设置横向打印
PrintDocument的打印相关的方法被调用的顺序是这样的: QueryPageSettings StartPage PrintPage EndPage 目前只处理了StartPage和Print ...
网页打印问题，打印设置，打印预览，打印分页，纵打，横打及页面的边距
1.控制"纵打". 横打"和"页面的边距 (1) <object id="factory" style="display ...
在网页中调用打印预览及打印设置
在网页中调用打印预览及打印设置以下内容为程序代码: <OBJECT id=WB classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 heig ...
php 浏览器打印控件,JavaScript_JavaScript 实现打印,打印预览,打印设置，WebBrowser是IE内置的浏览器控件 - phpStudy...
JavaScript 实现打印,打印预览,打印设置 WebBrowser是IE内置的浏览器控件,无需用户下载. 一.WebBrowser控件二.WebBrowder控件的方法 //打印 WebBro ...
IE浏览器实现打印预览
最近遇到这么一个需求,需要在IE浏览器上打印的时候,不直接调用打印机,而是先打开打印预览页面,再进行打印操作. 这样,就需要对原本的打印方法进行改写了.具体实现如下: 在jsp页面进行以下操作. &l ...
WebBrowser 打印设置，打印预览，去页眉和页脚
WebBrowser是IE内置的浏览器控件,无需用户下载. 一.WebBrowser控件 <object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CL ...
PHP调用mfc,MFC下调用Office打印预览
MFC下调用Office打印预览 I've successfully implemented Print Preview in the MFC application by implementing ...

在web html页面中，打印、预览当前页面

在web html页面中，打印、预览当前页面相关推荐

最新文章

热门文章