jqprint 插件

2024-08-29

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

使用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); 这里应该

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&

js打印方法总结

前段时间做web项目用到了页面打印,在网上找了些资料,自己也试了很多方法,将这些方案列出下: 1.window.print()方法打印,所有主要浏览器都支持 print() 方法这个方法很实用,只需要调用方法就可以打印,但是这是打印整个html,要想打印局部的话,要另做. 2.想要局部打印,通过jQuery插件就可以实现,现在网上有很多这样的插件,比如jqprint插件等等,可以非常方便的打印一个div,而且不会影响其他的.ie和谷歌是没问题的,其他没仔细测过. 3.想要局部打印,也可以通过一

jquery.jqprint-0.3.js打印table表格遇到的坑

在谷歌控制台输入window.print();可以调起当前整个页面的打印预览,那么要想打印页面某块区域内容怎么办呢? 我找到了jqprint插件,其原理是运用iframe 元素创建另外一个文档的内联框架,可这个插件有个巨大的坑,就是打印预览不会显示link标签引入的css,除非设置了media="print"属性. 如果你要打印的页面本来就是个iframe,此时写了media属性的link样式也不会运用到打印预览中,解决办法:直接给打印区域元素写行内样式. 下面第一张图是iframe弹

java web 打印（lodop）案例

应需求接触到lodop 打印. 首先在lodop官网下载相关文件(js.css等):http://www.lodop.net/download.html 在下载好的包里除了html页面其他的js.css等拷贝到项目的一个目录下.新建个lodop文件夹. 在页面头部加入下面等信息.这里注意的是引入的文件地址 <script language="javascript" src="../res/lodop/LodopFuncs.js"></scr

JavaScript-Tool：jquery.jsprint.js

ylbtech-JavaScript-Tool:jquery.jsprint.js 一个通过单击页面按钮,便实现页面打印的jQuery插件jqprint. 1.返回顶部 1. 插件描述:一个通过单击页面按钮,便实现页面打印的jQuery插件jqprint. 2017-2-17更新(修改jQuery官方提供迁移辅助插件jquery-migrate-1.0.0.js失效地址) 请注意!很多朋友遇到 Cannot read property 'opera' of undefined错误问题是juqer

积跬步，聚小流------java信息生成图片

需求: 是在做证书的时候碰到的这个问题. 当时需求是能够进行在线打印证书,第一次进行的操作是直接打印html,并且已经排好版(用jqprint插件)进行打印.在打印时碰到了兼容的问题,另外因为背景图片载入较文字载入的慢.则出现先载入文字后出现图片的现象,则显的非常不专业.遂採用了将信息转化为图片.然后直接打印图片,不论怎么样进行打印,都不会改变,并且能够导出图片,对图片进行更为精细的操作. 代码编写: 先不多说先上代码: package com.jzba.utils; import java.

js打印窗口内容并当窗口内容较长时自动分页

项目环境Angular: 方法1.window.print() HTML页面上的代码: <div id="tenementBillTable" class="dialog-content"> <div *ngFor="let item of dataList" class="table-container"> <div class="table-header">电费清单&

jQuery打印插件jqprint

码][JavaScript]代码跳至 [1] [全屏预览] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 实现方法引用jquery和,jqprint到您的页面 <script language="javascript" src="jquery-1.4.4.min.js"></script> <script languag

jquery.print.js 打印插件

使用太过简单jqprint源码也极其简洁易懂

就像开发一样, 这篇文档如果没有人关心和维护, 里面的内容就会变得老旧, 过时而不再具有参考价值. 所以, 我希望所有看到并喜欢这篇文档的人都一起来维护它. 放心大胆的提交 Pull Request 和 Issue 吧!! 广告日志与标签数据均落在Hive表,并且ES官方提供与Hive的集成.因此,我们首选用Hive向ES写数据.首先,采用ES做数据存储,创建表如下: add jar /path/elasticsearch-hadoop-2.3.1.jar; create external ta

Jquery Jqprint—随着Jquery Jqprint实现网页打印

研究关于利用空闲时间今天Jquery Jqprint插入,用这个Jquery脚本就可以实现轻松打印指定的页面内容功能区: 样品A: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

专业的web打印插件

Lodop是什么?参考官方网站:http://www.lodop.net/ 有人说她是Web打印控件,因为她能打印.在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来: 有人说她是打印编程接口,因为她介于浏览器和打印设备之间,是个通道和桥梁,几乎能想到的打印控制事项都能做到: 有人说她是JavaScript的扩展,因为她所有功能就那么几个语句,和JS语法一样,一看就明白个究竟: 有人说她是报表打印工具,因为那个add_print_table语句把报表统计的那点事弄了个明明白白: 有人

jqprint控件使用

/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license //@ sourceMappingURL=jquery.min.map */(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},c=[],p="1.9.1",f=c.concat,d=c.push,h=c.slice,

jQuery-jqprint.js打印插件使用高版本jQuery时问题

使用jqprint打印插件的网页demo代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery打印插件jqprint</title> <!-- <script language="javascript" src="jquery-1.4.4.min.js"></scri

JQPRINT-不错的jquery打印插件

1.首先引用Jquery和jqprint-0.3.js(依赖于Jquery的) <script language="javascript" src="jquery-1.4.4.min.js"> </script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> 2.Hmtl代码 <div

jqprint的网页打印，打印预览可以包含图片

自己负责的模块需要有个试卷打印的功能,需要将网页特定范围内的内容打印出来,所以选择了jquery.jqprint脚本用起来也非常简单. //打印 $("#printPage").jqprint({ debug: false,//如果是true则可以显示iframe查看效果,默认是false importCSS: true,//true表示引进原来的页面的css,默认是true. printContainer: true,//表示如果原

jqprint 插件

热门专题