使用JavaScript调用本地打印机

最新推荐文章于 2023-11-02 17:01:56 发布

xiaozhi_小志

最新推荐文章于 2023-11-02 17:01:56 发布

阅读量6.5k

点赞数 2

分类专栏：前端文章标签： javascript html

本文链接：https://blog.csdn.net/zZZxiaozhi/article/details/117062010

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

在这里插入图片描述

代码实现：

# 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();
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xiaozhi_小志

关注关注

2
点赞
踩
21

收藏

觉得还不错? 一键收藏
3
评论
使用JavaScript调用本地打印机

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

扫一扫