使用JavaScript调用本地打印机

在前端页面调用本地打印机的实现：点击打印之后调出打印机代码实现：# HTML代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><p id="xz">Thi

xiaozhi_小志

6488人浏览 · 2021-05-20 09:13:04

xiaozhi_小志 · 2021-05-20 09:13:04 发布

在前端页面调用本地打印机的实现：
在这里插入图片描述
点击打印之后调出打印机

在这里插入图片描述

代码实现：

# HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p id="xz">This is Printer!</p>
    <button onclick="printer()">打印</button>
</body>
</html>

# js代码
function printer(){
    var newWin = window.open('printer', '', '');
    var xiaozhi = document.getElementById("xz").innerText;   // 这里的id是要打印的标签里的id
    newWin.document.write(xiaozhi);
    newWin.document.location.reload();
    newWin.print();
    newWin.close();
}