【html 局部打印】的更多相关文章

html局部打印

html页面局部打印的小栗子 只要修改点击打印的按钮和打印的div区域的id就行啦 <!DOCTYPE html> <html> <head> <title>print test page</title> <meta charset="utf-8"> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">…

Jquery局部打印插件

局部打印插件 jquery.PrintArea.js js代码 (function ($) {     var printAreaCount = 0;     $.fn.printArea = function () {         var ele = $(this);         var idPrefix = "printArea_";         removePrintArea(idPrefix + printAreaCount);         printAreaC…

js实现（可实现局部打印）

1.js实现(可实现局部打印) <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) /> &…

jquery 网页局部打印总结

最近开发过程中遇到了js局部打印的功能,在网上找相关的资料,最终找到了juery.jqprint-0.3.js 和jquery.PrintArea.js两种. 最初使用的是jquery.jqprint-0.3.js,是在弹窗的情况下使用,即使出现滚动条也依然能够把所有内容成功打印出来.但是如果在当前页面div中出现滚动条(div内容过多,出现垂直滚动条)的话,则内容打印不全.所以最终选择的的是jquery.PrintArea.js.这是我现在发现的最明显的区别. 这两个都是打印指定div内的显示…

Java局部打印的问题

项目中遇到了做局部打印的情况,最开始用的bootstrap,可是实际显示的和打印的效果就不一样了,于是就只能换一种方式了. 打印是用的jqprint 这个插件,很简单好用的插件. 引入两个js就可以了 <script type="text/javascript" src="/js/appjs/common/print/jquery-1.4.4.min.js"></script> <script type="text/javas…

jquery局部打印插件使用

基于jquery库的jquery.PrintArea.js插件源代码为: (function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + p…

js或jquery实现页面打印(局部打印)

首先定义css样式:  复制代码代码如下: @media print { .noprint { display: none;color:green } }  对于不想打印的内容只用在标签中加上 class="noprint"即可,打印的时候客户也不会看到页面任何变化. 打印时调用 window.print(); 另外几种js局部打印的方法: 移花接木: 打印的时候,把需要打印的内容替换成整个body内容(用户会在打印的时候看到变化,客户体验不太好) 复制代码代码如下: function…

利用js和CSS实现网页局部打印

1 局部打印方法: 作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题.使用方法:将要打印的内容通过 <span id="dayin"></span>包含起来,然后在某个按扭中定义事件<input type="button" onclick="dayin()" value="打印">function dayin() { var code="<b…

js或jquery实现页面打印可局部打印

方法一:直接用js的打印方法 <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />  方法二:引用jquery插件打印(可以打印整个网页内容和网页的局部内容) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q…

web项目局部打印

window.print()方法是打印整个body,若想打印局部区域,网上出现了各种解决办法,我觉得都挺好的.我最推荐jquery.PrintArea.js插件形式 点击上述链接首先下载下来,我的是版本2.4.0 将jquery.PrintArea.js引入到项目中,需要打印的页面引用该js和jQuery.js 打印关键代码如下: $("#目标区域id").printArea();…