如何使用jquery插件jqprint打印指定內容
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
若是本機有毗連上打印機，在打印預覽界面點擊【打印】就能直接將成果打印出來了
- 發表于 2019-08-10 18:07
- 閱讀 ( 1301 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章