jquery是一个轻量级的前端框架,提供了丰富的接口,同时也提供了简单的操作方法,那么,如何使用jquery来实现页面打印呢。接下来,小编为小伙伴们介绍一下。
工具/原料
1
Jquery
2
Jquery.print.js
3
vs2015
方法/步骤
2
第二步,将下载的jquery.js、Jquery.print.js文件添加到项目中,一般会放在Content目录下。
3
新建html页面,在页面
中引入jquery、Jquery.print.js文件,具体引入方式如下:4
在新建的html页面中,绘制要打印的内容,并放置一个打印按钮,方便调用打印方法。这里可以放置按钮来提供手动打印,也可以调用方法直接打印。这里为了显示效果,放置了一个按钮。
上海**
上海市******世纪大道100号
电话: 传真:
报 价 单
公 司: | 联系人: | ||
---|---|---|---|
电 话: | 传 真: | ||
邮 箱: | 地 址: | ||
报价人: | 日 期: |
编号 | 品名 | 规格 | 数量 | 单位 | 单价 | 金额 | 备注 |
1 | 服务器硬件 | 联想 | 5 | 台 | 20000.00 | 100000.00 | |
2 | 数据库正版 | SQLServer | 5 | 套 | 9998.00 | 49990.00 | |
3 | OA内部管理系统 | 定制 | 1 | 套 | 390000.00 | 390000.00 | |
4 | 进销存管理系统 | 定制 | 1 | 套 | 260000.00 | 260000.00 | |
5 | 服务费 | — | 1 | 年 | 80000.00 | 80000.00 | |
币种:人民币 总计:879990.00 | |||||||
备注 |
日 期: |
---|
签 字: |
---|

6
保存页面并在浏览器中打开html页面,我们点击页面上的打印按钮,会发现会弹出打印的页面,这就实现了jquery的打印。