jquery.js
jqprint.js方式/
1利用jqprint插件需要用到兩個js文件 ， jquery.js和jqprint.js ， 本文利用jquery-1.11.3.min.js ， jquery.jqprint-0.3.js版本的js源文件
2打開vscode ， 建立一個測試頁面 ， 假設叫做 WebPrint.html ， 保留到上一步js文件的同級目次 ， 用于演示指定區域打印的頁面 。 然后 ， 將第一步的兩個js文件引入到測試頁面中
3在測試頁面中 ， 添加一個table表格 ， 在表格的前后都添加一些文字 ， 本文演示只打印表格 ， 不打印其前后的文字 。 在測試頁面的頂部添加一個名字叫做【打印】的按鈕 ， 當點擊這個按鈕的時辰 ， 挪用瀏覽器的打印功能 。
注重：此處設置的樣式也包含在打印區域內 ， 打印區域的標簽頁建議利用div
4在瀏覽器中運行測試頁面的結果如下 ， 跟預想的一樣 ， 一個按鈕 ， 一段文字 ， 一個表格 ， 再接著一段文字
5在測試頁面的底部添加js代碼 ， 綁定【打印】按鈕的點擊事務 ， 當點擊按鈕時 ， 挪用jqprint的print方式
6在瀏覽器中運行測試頁面 ， 然后點擊【打印】按鈕 ， 就會彈出打印預覽界面 ， 假設table太寬的話 ， 一頁打印不完整就會換頁 ， 是以 ， 盡量縮小內容的寬度 ， 包管在一頁中打印完整
7【如何使用jquery插件jqprint打印指定內容】若是本機有毗連上打印機 ， 在打印預覽界面點擊【打印】就能直接將成果打印出來了
以上內容就是如何使用jquery插件jqprint打印指定內容的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- select中如何調整字體大小
- 小程序下拉菜單如何實現
- 幾樓以上不用擔心路沖，如何化解路沖
- 茶花喜歡什么土壤，茶花土壤如何配
- 職場女性如何才能減輕壓力？
- 大學生如何增強法制觀念
- QQ炫舞手游如何上傳照片?
- 如何包裝出好看的平安果
- QQ炫舞手游如何添加標簽？
- 喝酒喝多了如何解酒？