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炫舞手游如何添加标签？
- 喝酒喝多了如何解酒？