`
thomas0988
  • 浏览: 483979 次
  • 性别: Icon_minigender_1
  • 来自: 南阳
社区版块
存档分类
最新评论

js实现页面打印功能实例代码(附去页眉页脚功能代码)

 
阅读更多
<html> 
<head></head> 
<style type="text/css" media="screen"> 
@media print{ 
.print {display:block;} 
.notPrint {display:none;} 
} 
</style> 
<script language="javascript"> 
function preview() 
{ 
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(); 
} 
</script> 
<body> 
<form id="WebForm1" method="post" > 
<center>本部分以上不被打印</center> 
<!--startprint--> 
<div align="center"> 
<asp:DataGrid id="dgShow" runat="server"> 
<!--省略部分代码--> 
</asp:DataGrid> 
<table> 
<tr><td>打印打印打印打印打印打印打印打印</td></tr> 
</table> 
</div> 
<!--endprint--> 
<center>本部分以下不被打印</center> 
<div align="center"> 
<input type="button" name="print" value="预览并打印" onclick="preview()"> 
</div> 
<style> @media Print { .Noprn { DISPLAY: none }} 
</style> 
<p class="Noprn">不打印</p> 
<table id="datagrid"> 
<tr> 
<td>打印</td> 
</tr> 
</table> 
<input class="Noprn" type="button" onclick="window.print()" value="print"> 
</form> 
</body> 
</html> 

 ================================

 

分享到:
评论

相关推荐

    javascript实现window.print()去除页眉页脚

    在JavaScript中,`window.print()`方法是一个非常实用的功能,它允许用户直接从浏览器打印网页内容。然而,默认情况下,打印操作可能会包含页眉和页脚,这些元素可能包含URL、日期或者页码等信息,有时并不符合我们...

    C# 打印网页不显示页眉页脚的实现方法

    总结来说,C#中打印网页不显示页眉页脚的方法主要有通过IE页面设置、C#代码配置WebBrowser控件和JavaScript修改页面样式。每种方法都有其适用场景和限制,根据具体的需求和安全性考虑,可以选择合适的方式来实现这一...

    js 客户端打印html 并且去掉页眉、页脚的实例

    本文将深入探讨如何使用JavaScript(简称JS)实现在客户端打印HTML内容,并去掉页眉和页脚。 首先,`print()` 方法是JavaScript中用于触发浏览器打印功能的关键。它会打印当前窗口或框架的内容。当调用 `print()` ...

    Web系统页面打印技术实现与分析V1.0.pdf

    ### Web系统页面打印技术实现与分析 #### 一、Web页面打印概述 随着信息技术的发展,越来越多的应用被设计成Web形式,这是因为Web应用具有易于部署、维护简单等优势。然而,在Web环境中实现高质量的打印功能仍然是...

    ASP.NET页面打印技术之打印清单

    在上面的实例代码中,我们使用 JavaScript 来实现打印的预览和打印功能。我们首先获取页面的 HTML 内容,然后使用 sprnstr 和 eprnstr 来指定打印的内容。最后,我们使用 window.print() 方法来实现打印功能。 在 ...

    使用Activex实现自动打印 不使用PAZU

    ScriptX是一款用于Web打印的专业ActiveX控件,它提供了高级的打印功能,如页面控制、页眉页脚、分页等。如果该博主的示例使用了ScriptX,那么安装这个MSI文件可能是实现自动打印的先决条件。 总的来说,利用ActiveX...

    打印参考 区域打印

    通过JavaScript脚本控制,可以实现在打印时仅选择页面的部分区域进行打印,同时提供了打印预览的功能。这对于需要在复杂的网页布局中精确控制打印内容的应用场景非常有用。 #### 二、核心知识点解析 ##### 1. 网页...

    jsp、web打印功能Lodpo6.0

    Lodop 6.0是Lodop系列的最新版本,它提供了丰富的打印功能,包括但不限于页面设置、页眉页脚设置、图文混排、多页打印等。这个版本包含了40多个简单的打印示例,涵盖了多种打印场景,帮助开发者快速理解和掌握Lodop...

    JS打印报表控件

    2. 初始化控件:在JavaScript代码中创建控件实例,并设置相关参数,如打印范围、页面设置等。 3. 调用打印方法:根据用户触发的事件(如点击按钮)调用控件的打印方法,启动打印流程。 4. 处理预览和打印:在打印...

    java定位打印实例demo,通过jsp来打印

    例如,一个示例可能演示如何在页面上绘制表格,另一个示例可能展示了如何添加页眉和页脚。通过分析和运行这些示例,你可以更深入地理解Java定位打印的工作原理。 5. **优化和扩展**:根据实际需求,你可能需要处理...

    前端打印模块hiprint

    它通过JavaScript API与浏览器的打印服务进行交互,实现预览、设置页眉页脚、选择打印机、调整打印范围等功能。在Web开发中,通常会使用`window.print()`方法触发默认的打印行为,但这种方法往往无法满足复杂的打印...

    ASP.NET实例开发源码——网页打印控件Lodop4.0专业精致.zip

    该控件提供了一整套API接口,允许开发者在网页上实现复杂的打印功能,包括预览、多页打印、自定义页眉页脚、PDF打印、图片打印、条形码和二维码打印等。 在ASP.NET项目中集成Lodop4.0,首先需要在服务器上部署控件...

    非常不错的web打印程序(附示例程序)

    通过查看和运行这些示例,开发者可以学习如何调用Lodop API,设置打印参数,如纸张大小、边距、页眉页脚,以及处理复杂的打印任务,如图片、表格和动态数据的打印。 `PrintSample18.html`和`PrintSample31.html`...

    前端页面打印插件(方式一),带例子,带插件,直接下载可用

    本文将详细介绍一种前端页面打印插件的实现方式,并提供一个已测试可用的示例及插件,供您直接下载使用。 首先,前端打印的核心是利用浏览器的`window.print()`方法,该方法可以触发浏览器的打印对话框,用户可以...

    hiprint_demo.zip

    通过hiprint.js,开发者可以设定打印的页面范围、样式、页眉和页脚等,满足各种定制化需求。例如,可以只打印指定的CSS类名或者ID的元素,或者添加自定义的页眉和页脚信息,从而实现更精细化的打印控制。 四、初始...

    asp.net网络打印

    页面设置,包括页边距、页眉页脚、纸张大小等,直接影响打印文档的最终外观。在ASP.NET中,页面设置通常通过CSS实现,尤其是在生成打印目标文档时。利用IE6.0的内置打印模板技术,可以精细控制页边距、页眉页脚、...

    基于ie浏览器的页面打印

    本篇文章将深入探讨如何使用Internet Explorer(IE)浏览器的内置WebBrowser组件来实现这一功能,尤其关注打印预览和页面样式的优化。 首先,WebBrowser组件是.NET Framework提供的一种控件,它允许开发人员在...

Global site tag (gtag.js) - Google Analytics