print.js 打印
print.js
是一个用于在客户端浏览器中打印HTML内容的JavaScript库。以下是使用 print.js
进行打印的基本示例:
首先,你需要包含 print.js
库到你的项目中:
<script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
然后,你可以通过以下方式调用打印功能:
<!-- 你要打印的内容 -->
<div id="myElement">
<p>需要打印的内容。</p>
</div>
<!-- 触发打印的按钮 -->
<button onclick="printWithPrintJS()">打印</button>
<script>
function printWithPrintJS() {
printJS({
printable: 'myElement', // 要打印的元素的ID
type: 'html',
style: '@page { size: auto; margin: 0mm; }' // 可以添加打印样式
});
}
</script>
在上面的示例中,当用户点击按钮时,printWithPrintJS
函数会被调用,它使用 printJS
函数并指定要打印的元素的ID。printable
选项指向了包含需要打印内容的元素。type
选项设置为 html
表示内容是标准的HTML。style
选项可以用来添加打印样式,例如页边距等。
确保你的元素(在这个例子中是 div
元素)在调用打印功能时是可见的,因为 print.js
会将指定元素的内容渲染到新的打印窗口中。
评论已关闭