使用jqprint插件完成页面打印

使用jqprint插件完成页面打印 jqprint是一个基于jQuery编写的页面打印的一个小插件,但是不得不承认这个插件确实很厉害,最近的项目中帮了我的大忙,在Web打印的方面,前端的打印基本是靠window.print()的方式进行打印的,而这个插件在其基础上进行了进一步的封装,可以打印网页上的某个区域,这是个亮点.比如说现在要打印如下的一个效果: 我们可以通过写代码完成上述的效果,然后单击网页上的某个按钮,在按钮的处理方法里调用jqprint(),来完成这个区域的的打印显示的操作,首先要获…

Jquery 页面打印

Jqprint实现页面打印

好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1.实现页面打印要引入jQuery和Jqprint.点击下载Jqprint插件 <script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js&…

开源的javascript实现页面打印功能，兼容所有的浏览器（情况属实）

这篇文章完全是属于技术文章,也是记录一下自己在项目当中遇到的坑爹问题啊,因为是B/S的程序,所以打印功能还是必须要有的,对于打印我选择了一个js插件,发现非常的简单和方便,所以这里拿出来和大家分享一下啊!还是很有用的哦! 在实际项目当中有时候还要包括数据统计的功能,这个我相信一般的项目都要有的吧(想听听大家的意见),这里也想请大家帮我推荐一个好的javascript插件吧,或者其他什么组件,不废话了,看代码去. VS环境:2012 测试浏览器:所有主流浏览器(Chorme,Firefox,IE1…

Web系统页面打印技术实现与分析

1 Web页面打印概述应用WEB化,不论对开发商,还是对用户来说,实在是一种很经济的选择,因为基于WEB的应用,客户端的规则很简单,容易学习,容易维护,容易发布.在WEB系统中,打印的确是个烦人的问题. 要么自己开发打印控件,如果项目时间紧,肯定来不及.这对程序员来说,因为浏览器的局限性,却要面对很多挑战.怎么样来进行基于WEB的套打,就是这么一个令多数程序员头痛不已的问题. 基于WEB的套打,难度在于要将浏览器中呈现的HTML,精确地打印到票据中,而且能够实现对分页位置的控制.本文将介绍常用的…

vue html页面打印功能vue-print

vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-nb 使用方式安装 npm install vue-print-nb --save 在main.js文件中注册 import Print from 'vue-print-nb' Vue.use(Print); 页面中使用,给需要打印的容器加一个id,打印按钮传入这个id html: <div id="printMe" style="background:r…

js调用页面打印

----------------------调用页面打印-------------------------------- <body> <div id="divPrint"> <table> <tr><td>我的打印的内容</td></tr> </table> </div> <p>所有内容</p> <a href="javascript:p…

JSP 页面打印

<HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312" /> <SCRIPT language=javascript> function printsetup(){ // 打印页面设置 wb.execwb(8,1); } functi…

.net开发---自定义页面打印区域

自定义页面打印区域有3种办法: 办法一:将不需要打印的部位隐藏掉 Examp: <%-- (1)使用css样式,定义一个.noprint的class,将不打印的内容放入这个class内. --%> <style media=print type="text/css"> .noprint{visibility:hidden} </style> 页面设计样式: 实际打印的样式: 办法二:指定需要打印的部位把要打印的内容放入一个 span或div,然后…

web页面打印

在使用的两种方式打印: 第一种:js如下 function doPrint() { allhtml = window.document.body.innerHTML; starstr = ""; endstr = ""; printhtml = allhtml.substr(allhtml.indexOf(starstr) + 17); printhtml = printhtml…

MyBatis7：MyBatis插件及示例----打印每条SQL语句及其执行时间

Plugins 摘一段来自MyBatis官方文档的文字. MyBatis允许你在某一点拦截已映射语句执行的调用.默认情况下,MyBatis允许使用插件来拦截方法调用 Executor(update.query.flushStatements.commint.rollback.getTransaction.close.isClosed) ParameterHandler(getParameterObject.setParameters) ResultSetHandler(handleResultS…

android网页打印,安卓网页打印,h5页面打印,浏览器打印,js打印工具

Android设备打印比较麻烦,一般设备厂商都提供原生app开发的SDK,我们web开发者为难了,不会原生开发啊给大家提供一个思路,实现web加壳,利用打印浏览器实现简单来说就是把我们的web页面嵌入浏览器中 web页面的打印功能通过js与浏览器互动浏览器通过调用硬件SDK实现打印 1.机器安装最新SDK,已安装请忽略 2.下载安装本页下载连接中的打印浏览器并安装 3.对照下方事例代码,修改web页面打印功能 4.打印浏览器中打开web页面,测试打印功能 5.默认主页可以在SD卡根目录修改…

MyBatis插件及示例----打印每条SQL语句及其执行时间

谷歌浏览器插件-html页面js事件查看器

谷歌浏览器插件-html页面js事件查看器 1.下载下载地址:http://files.cnblogs.com/files/graceup/VisualEvent.zip 解压得到文件:VisualEvent.crx 2. 3.把VisualEvent.crx 文件拖到此处 4.打开一个页面后,点击这个图标. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/di…

chrome-vimium在markdown插件的页面失去效果

chrome-vimium在markdown插件的页面失去效果…

css技术之用最高和最宽的限制“max-height和max-width”做图片同比例缩放，达到图片不变形目的，做出批量打印图片功能,页面打印“window.print()”

一.简介他们是为流而生的,像width/height这种定死的砖头式布局,min-width/max-width就没有存在的意义 ,min-width/max-width一定是自适应布局或流体布局中.常应用于表格或图片目的最近有个需求是想"批量打印图片",而因此在打印时就会出现,图片过大,不能达到一张图一张纸的效果, 而有些图过小,让其一张纸容纳了两张图,同样不满足要求,那怎么做到符合要求的,我的想法是:将图片比例设置成符合长宽既可, 但新的问题又来了,如果强行设置长宽,就会导致…

Jqprint 轻量级页面打印插件

最近项目中需要在页面上添加一个打印的按钮,上网搜索了一下就发现了这个好用的超轻量插件,使用起来很方便 1.首先需要引入必须的js文件 <script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js"></s…

使用jqprint插件实现打印页面内容

业务场景客户需要在页面有一个打印按钮,点击之后可以打印Echarts图表的内容以及文字提示信息,经谷歌搜索发现,实现方法大概有三种之多,其他两种不太熟悉,而采用的这种打印方式是一个在jQuery的基本上开发的一个print插件,因此可以使用jQuery的方式查找元素,因此决定采用这种方式. 先看一下实现的效果图,如下: 实现效果图引入js文件 <script type="text/javascript" src="__JS__/jquery-migrate-1.…

chrome浏览器使用jqprint插件打印时偶尔空白页问题

最近测试老是提bug说是有50%的概率打印出空白页,之前我也一直发现偶尔会出现这个问题,只是一直没有发现原因. 今天终于下定决心找到问题所在.开始吧! 查看源码一行行debug,发现问题只可能出现在这一段. setTimeout( function() { (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).print(); if(tab){ tab.close(); } }, 1000); 这里应该…

使用jQuery插件PrintArea进行html页面打印

在开发系统时,我们一般会有统计分析的功能需求,而现在大多数系统都是使用B/S的形式开发. 所以,html报表打印,并且打印指定内容,成了必要的功能. 开源地址:https://github.com/RitsC/PrintArea 使用非常简单,在需要打印的div加入class=PrintArea即可. 然后调用$("div.PrintArea").printArea( [OPTIONS] ); 其中options默认值为 var defaults = { mode : modes.if…

JS页面打印

平常浏览网页和文档的时候,随处可见打印两个字,有时候不小心点到或者快捷键触发到,就会弹出一个打印的页面,上边显示的打印机是GoldGrid Virtual Printer,这是计算机的虚拟打印机,打印后就会生成类似扫描件的pdf文档.当然如果连接了打印机并设置好,可以直接调用到打印机进行真实的打印. 接下来要介绍的是js端进行的一些打印操作: 1.直接调用window的print方法进行打印,效果同直接点击打印,会将整个页面进行打印: 2.局部打印: 页面如下 <h1>不需要打印</h1…

使用jqPrint.js调用浏览器打印界面，打印网页中的某一部分该部分含有ECharts图表

1.准备好js文件(我用的是谷歌浏览器) 这个文件是为了防止你的jQuery版本过高而不适配的问题这是调用浏览器打印的js插件 2.引入js文件 <script src="js/jquery.jqprint-0.3.js"></script> <script src="js/jquery-migrate-1.2.1.min.js"></script> 3.给你的网页添加一个按钮来出发打印事件 <input ty…

使用功能强大的插件FastReport.Net打印报表实例

我第一次使用FastReport插件做的功能是打印一个十分复杂的excel表格,有几百个字段都需要绑定数据,至少需要4个数据源,而且用到横向.竖向合并单元格. 我不是直接连接数据库,而是使用RegisterData的方式自己注册DataSet对象,所有的表Table都是代码生成,填充到DataSet中,然后注册到控件中. 最开始尝试使用这个插件做一个简单的功能使用的就是下面的例子,不过花了一整天,还请假了4个人都没有搞出来,晚上拿着别人的模板直接修改,然后测试,就通过了. 之前测试,一直都提示未…