如何使用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
- 阅读 ( 1307 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章