目前正在做浏览器端采用JS方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在此感谢啦。 1.JS实现打印的方式方式一:window.print()window.print();会弹出打印对话框,打印的是window.document.body.innerHTML中的内容,下面是从网上摘到的一个局部打印的例子,该例子的不足是打印会修改页面的内容...
项目中有个需求是将winform客户端的打印,移到网页上由客户自行打印,打印要求是根据一定的格式实现套打。 当时的解决方案是使用PDF打印: 1、 准备好套打格式的底图; 2、打开底图,将动态内容画到底图上; 3、利用第二步修改后的图片,生成PDF,完成打印 后来发现一款比较强大的web打印工具lodop,简单使用说明如下: 1、先检查下浏览器是否安装此插件: http://www.lodop.net/demolist/PrintSample1.html 2、建立html,此入口...
好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1、实现页面打印要引入jQuery和Jqprint。点击下载Jqprint插件 <script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js"></script>2、HTML代码: <div id="print-area"><table><tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr><tr><td>te...
关于Lodop打印是个很牛逼的打印插件,但是打印Bootstrap的样式的时候很恶心 比如:页面是这样打印之后的效果恶心的不要不要的单独修改后的样式出现这样的问题就是可能是bs把这个插件当做手机显示了,也可能是这样插件对bs集成不行 lodop对常规html+css还是不错的,下面丢上bs版的代码 控件对应html+js使用代码 <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PrintControl.ascx.cs" Inherits="Zemt.Process.Web.Us...
实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js print打印网页指定区域内容的简单实例</title> </head> <script> function myPrint(obj){var newWindow=window.open("打印窗口","_blank");var do...
任务: 1.通过js的内置对象得到当前日期 var date=new Date();var year=date.toString().slice(11,15); document.write(year.toString()+"年");var month=date.getMonth(); month=month+1; if(month<10){document.write("0"+month+"月"); }else{ document.write(month+"月"); }var day=date.toString().slice(8,10); document.write(day+"日 ");var weekday=["日","一","二","三","四","五","六"]; var week=date.getDay(); docum...
在前面介绍过《Web打印解决方案之普通报表打印功能》的一片文章中提到过那个打印控件Lodop,做起套打来感觉还是挺方便的,至少位置调整界面不需要自己弄,位置嘛,也提供了自动保存的功能,不需要理会。一般的套打,包含了几部分操作:打印预览、打印维护、打印设计。打印预览和打印维护是面向终端用户的,打印维护是指内容不能修改删除、但位置可以调整,给不同的打印机不同的尺寸打印提供调整位置的可能性。打印设计是面向开发人...
做过很多的Web项目,大多数在打印页面内容的时候,采用的都是通过Javascript调用系统内置的打印方法进行打印,也就是调用PrintControl.ExecWB(?,?)实现直接打印和打印预览功能。打印的效果及控制性虽然不是很好,但是也能勉强使用,应付一般的打印还是可以的了。代码如下所示: 代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//调用PrintControl.ExecWB(?,?)实现直接打...
本文为大家分享了JS打印组合功能,功能全面,供大家参考,具体内容如下 1.局部打印--即想打印什么地方就打印什么地方 解决办法: 将不想打印的地方隐藏起来 <style type="text/css" media=print> .noprint{display : none } 分页的时候用 .PageNext{page-break-after: always;} 然后给不想打印的页面元素添加: class="Noprint" ,那就不会出现在打印和打印预览中了。 想分页的地方添加: <div class="PageNext"></div> 就可...
1、使用场景用户在浏览器做了某项操作后,自动打印小票。2、测试方式2.1 JavaScript实现尝试了很多办法,最终都会出现一个弹出框,让用户选择打印机。不符合我们需求。2.2 lodop功能比较强大,但是收费的。暂不考虑。2.3 PAZU功能也很强大,免费许可。非常赞!详情:http://www.4fang.net/article/tech/pazu_tprinter.html实现过程:2.3.1 打印详情页面 <!doctype html> <html> <head> <meta charset="utf-8"> <title>小票</title>...
代码如下,简单实用。因为需要用到这个东西,所以很无耻的拾人牙慧,收藏一下。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+...
使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none。如DEMO中,我将页头页脚及其他不需要打印的元素的样式设置如下: <style type="text/css" media="print"> #header,.top_title,#jqprint,#footer,#cssprint h3{display:none} </style> 用jQuery打印插件printArea.js $(function(){ $("#print_btn").click(function(){ $("#my_area").printArea(); }); }); DEMO中...
本文实例分析了JS遍历数组及打印数组的方法。分享给大家供大家参考,具体如下: 一直头痛与JS的打印数组,也没看到什么比较好的方法,写一个简单的方法备用。 // 遍历数组 var dd = { a : 111111, b : 222222, c : 333333 } dd[d] = [444444,55555555]; // 遍历数组 function scan_array(arr) { for(var key in arr) { // 这个是关键 if(typeof(arr[key]) == array || typeof(arr[key]) == object) {// 递归调用 scan_array(arr[ke...
本文实例讲述了js console.log打印对像与数组用法。分享给大家供大家参考,具体如下: console.log是什么东西,其实就是一个打印js数组和对像的函数而已,就像是php的print_r,var_dump。console.log这个函数本身没什么好说的,这篇博客告诉大家怎么去用这个函数。在说这个函数之前,我想大家用的最多查看js输出,是alert吧,但是alert,只能弹string或者是int的 一、测试文件test.html <html xmlns="http://www.w3.org/1999/xhtml"...
很多网站都有此功能,当浏览到底部时都会有一个打印按钮,点击打印按钮就可以完成打印功能,功能非常不错,人性化,代码非常的简单。<a href="javascript:window.print()">脚本之家</a> 也就是只要调用window.print()函数就可以实现打印当前页面。 但是上面的并不完美,因为有些网页上的很多内容都不需要打印,下面介绍一下如何打印页面中的指定内容。 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na...