文章页面 如何调取打印机 HTML+

最新推荐文章于 2023-05-08 14:25:37 发布
最新推荐文章于 2023-05-08 14:25:37 发布
阅读量951 收藏 1
点赞数 1
分类专栏： JavaScript html+css 浏览器调用打印机html+js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JXL9910/article/details/83585377
版权 
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<script >
	// 调用打印机 js核心代码
    function printPartOfDocument() {  
        this.init.apply(this, arguments)  
    }  

    printPartOfDocument.prototype = {  

        init: function(o, part) { 
            this.o = this.getId(o);  
            this.part = this.getId(part);  
            this.frame = '';  
            this.printCss = '';  
            var _this = this;  
            this.addEvent(this.o, 'click',  
            function() {  
                _this.create()  
            });  
        },  

        create: function() {  

            var _this = this;  
            if (!this.frame) { 
                var oFrame = document.createElement('iframe');  
                oFrame.setAttribute('id', 'printIframe');  
                oFrame.style.position = 'absolute';  
                oFrame.style.left = '-9999px';  
                document.body.appendChild(oFrame);  

            }  

            if (!this.printCss) this.printCss = this.getPrintCss();

            setTimeout(function() {  
                _this.frame = document.getElementById('printIframe'),  
                d = _this.frame.contentWindow.document,  
                h = d.getElementsByTagName('head')[0],  
                b = d.getElementsByTagName('body')[0];  

                for (var i = 0; i < _this.printCss.length; i++) {  

                    h.appendChild(_this.printCss[i]);  

                }  

                b.innerHTML = '';  
                b.appendChild(_this.part.cloneNode(true));  
                _this.frame.contentWindow.print();  

            },  

            0);  

        },  

        getPrintCss: function() {  
            var styles = document.getElementsByTagName('head')[0].getElementsByTagName('link'),  
            printCss = [];  

            for (var i = 0; i < styles.length; i++) {  

                var attr = styles[i].getAttribute('media');  

                if (attr == 'all' || attr == 'print') printCss.push(styles[i].cloneNode(true));  

            }  

            return printCss;  

        },  

        getId: function(el) {  

            return typeof el == 'string' ? document.getElementById(el) : el  

        },  

        addEvent: function(o, type, fn) {  

            if (o.addEventListener) {  

                o.addEventListener(type, fn, false)  

            } else if (o.attachEvent) {  

                o.attachEvent('on' + type,  

                function() {  

                    fn.call(o, window.event)  

                })  

            }  

        }  
    }  

</script>

<body>

	<!-- 要打印的内容 -->
	<div class="col-lg-12" id="print_content">
		123123 <br/>
		123123123 <br/>
		1231231231 <br/>
		123123123 <br/>
	</div>

	<!-- 点击打印 按钮 -->
	<div style="float:right">
	    <a href="javascript:void(0)" title="print" id="print" style="font-size:16px;border:1px solid #e5e5e5" >
	        打印
	    </a>
	</div>

</body>
</html>

<!-- 调用js函数 -->
<script>
	//  执行函数 ‘print’ 点击节点 打印按钮； print_content 要打印的内容
	new printPartOfDocument('print','print_content');  

</script>
JXL666888
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一键共享打印机工具+打印机驱动修复工具
03-12
真品一键共享打印机，我看了下全网真正实现一键共享打印机的软件没有（可能我没发现）， 继【批量共享文件夹】这个工具后，很多人在问有没有共享打印机的功能，其实在原工具中的【共享设置】中，设置过共享策略后，...
爱普生打印机ME1+的驱动
05-25
爱普生打印机ME1+的驱动，支持32位和64位的Win xp、8、10
使用js在前端web页面调用打印机
阿啵呲嘚的博客
09-29 9858
ADD_PRINT_TABLE(top, left, width, height, tableDom) 打印表格，可打印HTML绘制的表格。由于打印机也是比较老旧，所以没有SDK相关的应用，虽然有桌面的插件，但是需要集成到web中来，最终找到了lodop这个万能驱动。ADD_PRINT_TEXT(top, left, width, height, text) // 添加打印文本。固定纸张时该参数是纸张高；
js调用扫描仪twain进行网页图像扫描
程序员记事本
11-05 1万+
现在的系统开发基本都是b/s架构体系了，原来的c/c++时代，因为程序都是客户端计算机里面执行，访问计算机外围外设硬件很方便，但是因为浏览器的安全机制，我们每天都在访问无数个互联网网站，要是服务器端可以任意读取与操作我们的硬件设备那将是一场灾难，例如在你不知道的情况下启动摄像头偷拍你等等，所以现在通过浏览器里面的js脚本去直接操作计算机连接的打印机，扫描仪等都不能直接实现，要实现就必须记住专门解决
909422229_史上最简单的HTML调用浏览器打印机方法
要有梦想，即使遥远
04-12 2267
技术交流群：958923746，有学习视频，文档等。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>局部打印案例</title> ...
浏览器怎样从网页抓取数据
u012057217的博客
05-08 1966
在浏览网页的过程中，需要保存网页数据，把它复制下来保存到文件就好啦；但是，如果数据量大或者需要经常保存数据，简单重复的操作让人发狂。这时候就需要一个可以自动抓取数据的浏览器。
网页抓取 - 完整指南
努力是为了站在万人之中，成为别人的光
01-28 7082
Web Scraping，也称为数据提取或数据抓取，是从网站或其他来源以文本、图像、视频、链接等形式提取或收集数据的过程。当特定网站没有官方 API 或对数据访问有限制时，Web Scraping 很有用。它具有价格监控、媒体监控、情感分析等多种用途。数据现在已成为市场上的新石油。如果使用得当，企业可以通过领先于竞争对手来实现目标。这样，他们就可以利用这一优势来超越竞争对手。你拥有的相关数据越多，你做出的决定就越明智。
C#获取打印机状态+API函数详解
05-08
C#获取打印机状态+API函数详解，有源码介绍，自己可以按照里面思路进行测试
爱普生EPSON打印机 ME1+ （ME1）清零软件（内含使用图解）.zip
11-26
爱普生EPSON打印机 ME1+ （ME1）清零软件（内含使用图解） 支持Win98/Me/2000/XP操作系统，如果是Win7及以上操作系统请修改兼容模式，内含使用图解；建议在XP系统下运行，请自行参阅使用图解。
PDF打印机 Ultra+PDF+2.26
03-31
2. 设置参数：在打印设置中，你可以根据需要调整页面设置，如页边距、纸张大小等。还可以选择是否嵌入字体，以确保PDF在不同设备上正确显示。 3. 创建PDF：点击"打印"，软件会开始处理文档，并生成一个PDF文件。这...
html调用打印机打印（可预览）
11-02
在html中的input里输入什么内容就预览、打印什么内容。很方便、实用。
html调用打印机打印（可预览）样式css
11-02
html打印布局的样式，网页一打开或者刷新后input自动默认光标在中间。
html调用打印实现打印
12-15
html调用打印实现打印
html5获取打印机,【Web前端问题】调用window.print()方法，如何获取打印或者取消的状态？...
weixin_35907331的博客
06-09 4375
项目上需要使用打印功能，使用了pdf.js的插件；点击打印后会调用window.print()方法，随后出现浏览器自带的打印预览页面，并有打印按钮和取消按钮，如何获取到底是点击了打印按钮还是取消按钮？以便于执行打印后的回调函数。打印预览的页面如下图所示，该页面是浏览器自带的，打印和取消按钮触发的方法也无法从外部获取。回答：正好遇到这个问题, 解决放下如下var beforePrint = func...
iframe的contentWindow属性
系分之旅
01-28 1万+
可以通过以下方法来调用iframe对应页面中的ValidData方法: document.all("IfrmCost").contentWindow.ValidData()
iframe.contentWindow 介绍
初漾的博客
08-01 1万+
参考：http://blog.csdn.net/alex8046/article/details/51456098一、父级窗口操作iframe里的dom js操作iframe里的dom可以使用contentWindow属性： contentWindow属性，是指 指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，
获取iframe中的contentWindow
weixin_30532973的博客
06-20 1012
function getIframeWindow(iframeElement){ return iframeElement.contentWindow || iframeElement.contentDocument.parentWindow; } 转载于:https://www.cnblogs.com/cglWorkBook/p/5601701.html
IFrame与window对象(contentWindow)
热门推荐
仓
08-30 8万+
IFRAME    IFRAME 元素也就是文档中的文档window 对象    浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象。但是，如果一个文档定义了一个或多个框架(即，包含一个或多个 frame 或 iframe 标签)，浏览器就会为原始文档创建一个 window 对象，再为每个框架创建额外的 window 对象。这些额外的对象是原始窗口的 子窗口，可能被原始窗口中发生的事件所影响。例如，关闭原始窗口将导致关闭全部子窗口。如果想要创建新窗口(以及对应的 window 对象)，
用JS在html页面实现打印功能
alokka的博客
07-14 3万+
有时候我们做页面的时候，会要求有打印页面的按钮，而且有的时候会要求只打印页面中的某一部分而不是全打印 首先在head里面加入下面一段js代码：<script language="javascript"> function preview(oper) { if (oper < 10){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprns
electron调取打印机
最新发布
08-11
根据提供的引用内容，electron调用打印机的步骤如下所示： 1. 首先，在主进程中创建一个BrowserWindow对象，并隐藏它（show: false）。 2. 在主进程的main.js中，监听渲染进程发送的消息，并在接收到消息时获取打印机列表。 3. 在渲染进程中，通过webview组件打开一个页面，并设置ref属性为printWebview，同时设置页面的URL。 4. 在渲染进程中，定义一个printView函数，该函数用于调用打印机进行打印操作。在该函数中，使用printWebview的print方法来触发打印操作，并传入相关参数，如是否静默打印、是否打印背景以及选择的打印机设备名称。 5. 在渲染进程中，定义一个getPrint函数，该函数用于发送消息给主进程，请求获取打印机列表。在接收到主进程返回的打印机数据列表后，可以进行相关操作，比如打印机选择等。 总结起来，electron调取打印机的过程包括创建BrowserWindow对象、监听渲染进程发送的消息、获取打印机列表、打开页面并设置ref属性、定义打印函数以及获取打印机列表等步骤。123 #### 引用[.reference_title] - *1* [electron 静默打印，及 打印机状态汇总](https://blog.csdn.net/weixin_41653910/article/details/91883521)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* *3* [electron+vue3+vite2 如何使用打印](https://blog.csdn.net/LGDmar/article/details/119700379)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值