原生js打印插件Print.js

网页打印功能在很多的网站系统中都会使用到。比如说报表打印功能等。
以下是在Jquery插件库中找到的一款原生js打印插件，代码清洁简单，封装的代码也很好理解。

index.html页面代码

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Print.js 演示</title>
<style>html,body{margin: 0;padding: 0;}body{font-size: 14px;color: #333;}.fr{float:right;}.vt{vertical-align: top;}.wrap{margin: 0 auto;padding: 20px;width: 640px;border:1px solid #ccc;}.form .row{padding: 10px 0 0;}.btn{display: block;margin: 20px auto;padding: 8px 16px;}
</style>
</head>
<body><div id="wrap" class="wrap"><div class="con"><h1>萨摩耶犬</h1><ul><li><h3>发展历史</h3><img class="fr" src="files/dog.jpg" width="200">

原生js打印插件Print.js相关推荐

前端网页打印插件print.js
在前端开发中,想打印当前网页的指定区域内容,或将网页导出为多页的PDF,可以借助print.js实现,该插件轻量.简单.手动引入.不依赖其他库.示范项目github:https://github.co ...
vue封装打印插件print.js实现打印组件功能
代码插件地址:https://github.com/xyl66/vuePlugs_printjs 1. 打印插件属性方法定义-print.js // 打印类属性.方法定义 /* eslint-di ...
vue原生js打印插件
##需求在vue单页面应用中打印目标区域 ##解决方案使用原生window.print var printhtml = window.getElementById(dom).innerHtml / ...
vue使用print.js打印插件
任务:解决vue页面局部打印功能 print.js插件,可以打印 html.pdf.json数据官网:https://printjs.crabbly.com/ 一个整理的很好的讲解:https:// ...
jq jqprint 设置页脚_jquery打印插件jqprint.js使用教程
最近的项目要使用web前端打印,本来在网上搜索了一下采用的js:window.print()局部打印网页的方法,但是经过实际测试发现兼容性不好,无奈只好再找其他方法,终于被我找到了一款基于jquery ...
php日期控件calendar.js,轻量级的原生js日历插件calendar.js使用指南
使用说明: 需要引入插件calendar.js/calendar.min.js 须要引入calendar.css 样式表,可以自定义自己想要的皮肤本日历插件支持cmd模块化如下调用:xvDate( ...
网页打印非常优秀的插件 Print.js
前言:最近需要在网页上打印,网上找了很多,刚开始使用的 lodop打印插件来打印,没有达到理想的要求,它需要下载.区分浏览器的位数来安装.在vue使用时候必须写成内部样式,在笔记本样式失效等问题,使我 ...
浏览器打印功能print.js
插件文档:https://printjs.com/ npm文档: https://www.npmjs.com/package/print-js npm install print-js --save ...
window.print()；html 打印之 print.js
插件地址:Print.js - Javascript library for HTML elements, PDF and image files printing. 最近顾客需要把html打印,用w ...

原生js打印插件Print.js

原生js打印插件Print.js相关推荐

最新文章

热门文章