业务场景 客户需要在页面有一个打印按钮,点击之后可以打印Echarts图表的内容以及文字提示信息,经谷歌搜索发现,实现方法大概有三种之多,其他两种不太熟悉,而采用的这种打印方式是一个在jQuery的基本上开发的一个print插件,因此可以使用jQuery的方式查找元素,因此决定 ...
使用jqprint插件完成页面打印 jqprint是一个基于jQuery编写的页面打印的一个小插件,但是不得不承认这个插件确实很厉害,最近的项目中帮了我的大忙,在Web打印的方面,前端的打印基本是靠window.print 的方式进行打印的,而这个插件在其基础上进行了进一步的封装,可以打印网页上的某个区域,这是个亮点。比如说现在要打印如下的一个效果: 我们可以通过写代码完成上述的效果,然后单击网页 ...
2017-08-29 11:08 1 8958 推荐指数:
业务场景 客户需要在页面有一个打印按钮,点击之后可以打印Echarts图表的内容以及文字提示信息,经谷歌搜索发现,实现方法大概有三种之多,其他两种不太熟悉,而采用的这种打印方式是一个在jQuery的基本上开发的一个print插件,因此可以使用jQuery的方式查找元素,因此决定 ...
最近项目中需要在页面上添加一个打印的按钮,上网搜索了一下就发现了这个好用的超轻量插件,使用起来很方便 1.首先需要引入必须的js文件 2.之后只要找到需要打印的页面区域$().jqprint()即可 比如: 就会调用浏览器的打印功能来打印id为print中的内容 ...
好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1、实现页面打印要引入jQuery和Jqprint。点击下载Jqprint插件 2、HTML代码 ...
好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1、实现页面打印要引入jQuery和Jqprint。点击下载Jqprint插件 2、HTML代码: 3、JavaScript代码: 4、属性 debug ...
1、首先引用Jquery和jqprint-0.3.js(依赖于Jquery的) <script language="javascript" src="jquery-1.4.4.min.js"> </script> <script language ...
jqprint是jquery的一个打印插件,是jPrintArea的加强版(官网是这么说的,具体可以看下面引自官网的一段话),可以打印选定的区域,没有页眉和页脚,还是非常好用滴! 要能运行这个打印插件当然要先引进相关js了,jquery当然是不可少的,还需要引进 ...
使用jquery进行打印时,所需js包:jquery-1.4.4.min.js、jquery.jqprint-0.3.js 但如果使用高版本的jquery(jquery-1.9.1.min.js)时,则需使用jquery-migrate-1.2.1.min.js 使用 ...
使用jqprint打印插件的网页demo代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery打印插件jqprint ...