業務場景 客戶需要在頁面有一個打印按鈕,點擊之后可以打印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 ...