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

js 打印,预览页面的部分元素

    博客分类:
  • JS
 
阅读更多
<a href="javascript:void(0);" id="append">append</a>
	<input id="btnPrint" type="button" value="打印"
		onclick="javascript:window.print();" />

	<input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />
	<style type="text/css" media=print>
.noprint {
	display: none
}
</style>


	<p class="noprint">不需要打印的地方</p>

 

<script>
		function preview(oper) {
			if (oper < 10) {
				bdhtml = window.document.body.innerHTML;//获取当前页的html代码    
				sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域    
				eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域    
				prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html    

				prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html    
				window.document.body.innerHTML = prnhtml;
				window.print();
				window.document.body.innerHTML = bdhtml;
			} else {
				window.print();
			}
		}
	</script>
	

  

<p>XXXXX</p>
	<!--startprint1-->
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	要打印的内容<br>
	<!--endprint1-->

 

 

分享到:
评论

相关推荐

    js打印WEB页面与打印预览

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

    js打印实现各个浏览器预览插件

    总结来说,实现跨浏览器的JS打印预览功能,需要考虑不同浏览器的特性,如IE的ActiveXObject,以及利用jQuery插件来提供统一的用户体验。`jquery-print-preview-plugin`这类插件简化了这一过程,提供了丰富的定制选项...

    js 打印以及预览功能实现

    var previewWin = window.open('', '打印预览', 'width=800,height=600'); previewWin.document.write(content); previewWin.document.close(); } ``` 最后,`jsprint`或类似的库,如`jsPDF`,可以帮助处理更...

    页面实现预览和打印(页面整体打印和局部打印)

    4. 这样,用户就可以只打印页面中的特定部分,而不会受到其他元素的干扰。 在JSP中,可以使用JavaScript或者jQuery来实现上述逻辑。例如,可以将预览和打印的逻辑封装成函数,通过AJAX获取需要打印的数据,然后动态...

    js iframe 打印 打印预览 页眉页脚的设置

    在JavaScript(JS)中,利用iframe进行打印和打印预览是常见的需求,特别是在网页开发中。这个场景下,我们可能需要自定义页眉和页脚,以提供更专业的打印效果。下面将详细介绍如何通过JS实现这个功能。 首先,我们...

    PDF.js在线预览打印

    PDF.js是Mozilla开发的一...总的来说,"PDF.js在线预览打印"技术使得开发者可以轻松地在Web应用中集成高质量的PDF预览功能,提供给用户更加便捷的操作体验,而这一切都是基于纯JavaScript实现的,兼容性好且易于维护。

    js调用ie打印和预览功能

    打印预览" onclick='document.all.WebBrowser.ExecWB(7,1)' /&gt; function dayin() { if (window.confirm("确认打印?")) { // 隐藏不需要打印的部分 $("#list_table_1 tr:last-child").css("display", "none")...

    chrome浏览器实现打印预览打印功能.zip

    总的来说,实现Chrome浏览器的打印预览和打印功能,主要涉及JavaScript的`window.print()` API,以及可能需要结合jQuery插件和CSS技术来优化打印效果和处理浏览器兼容性。通过研究提供的资源,开发者可以更好地掌握...

    Jsp页面中实现打印打印预览及打印设置

    本文将基于提供的示例代码来详细介绍如何在 JSP 页面中实现打印、打印预览以及打印设置等功能。 #### 一、HTML 控件的使用 在 HTML 中,可以通过内嵌 ActiveX 控件的方式实现页面打印功能。下面的代码片段展示了...

    pdf.js Demo 纯js实现PDF在线预览及打印

    这个Demo展示了如何利用PDF.js库实现PDF在线预览和打印功能,同时还提供了页面缩放和打开本地PDF文件的能力。以下是关于这个项目的详细知识点: 1. **PDF.js基本概念**:PDF.js是一个JavaScript库,它解析PDF文件并...

    网页打印问题集锦(页面设置、打印预览)

    网页打印问题集锦:页面设置与打印预览深入解析 在现代Web开发中,将网页内容打印成纸质报告或文档是常见的需求之一,尤其是在企业级应用、报表系统中更是不可或缺的功能。本文旨在深入探讨网页打印的技术细节,...

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

    测试打印效果时,可以使用浏览器的开发者工具模拟打印预览,检查打印样式是否正确应用,内容是否按预期显示。 在提供的文件列表中,index.html可能是包含HTML内容的文件,css可能包含打印相关的CSS样式,而js可能...

    fastreport asp.net 打印 预览

    1. 预览模式:FastReport提供了Web预览功能,用户可以在网页上查看报表的完整内容,支持缩放、页面导航、打印预览等操作。 2. 实时更新:当数据源发生变化时,预览的报表会自动更新,无需重新加载整个页面。 3. ...

    js应用大全 js打印 打印预览 设置

    ### JS应用大全:打印、打印预览设置与高级特性详解 在现代Web开发中,JavaScript(简称JS)作为客户端脚本语言,其功能强大且应用广泛。本文将深入解析JS在打印、打印预览设置方面的应用,同时涵盖正则表达式、...

    js调用脚本实现打印预览

    本文将深入探讨如何使用JavaScript(js)来实现打印预览,特别是针对IE浏览器的兼容性处理。 首先,JavaScript是Web开发中常用的客户端脚本语言,它可以直接在用户的浏览器上运行,为网页添加交互性。对于打印预览...

    web打印,打印预览

    Web打印和打印预览是网页开发中的重要组成部分,它们允许用户在正式打印前查看文档的打印效果,确保格式正确无误。在这个过程中,开发者通常会利用浏览器提供的API和CSS技术来实现这一功能。下面我们将详细探讨这个...

    javascript打印大全(打印页面设置/打印预览代码)

    在文件中还提到了一个名为“factory.printing”的对象,这部分内容看起来是从一个名为“ScriptX”的第三方JavaScript打印控件中获取的。ScriptX是一个基于ActiveX的打印库,它允许开发者通过脚本进行更高级的打印...

    打印预览源码代码

    2. **页面布局**:在打印预览中,页面的布局必须准确反映文档的实际打印效果,包括字体大小、行距、边距、页眉和页脚等元素。开发者需要理解WYSIWYG(所见即所得)的概念,并使用适当的算法来计算和绘制页面。 3. *...

    js打印Web页面

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

    js打印(有设置和预览功能)

    在Web开发中,JavaScript(简称JS)打印功能是不可或缺的一部分,尤其对于生成报表或提供打印选项的网页至关重要。本实例提供了具有设置和预览功能的JS打印解决方案,可以帮助开发者更高效地实现这一需求。 首先,...

Global site tag (gtag.js) - Google Analytics