打印功能（JS 调用浏览器）

最新推荐文章于 2025-02-08 14:18:30 发布
最新推荐文章于 2025-02-08 14:18:30 发布
阅读量2.6w 收藏 9
点赞数 2
分类专栏： JS&javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/scdncby/article/details/82178995
版权

1.调用浏览器，完成打印功能（IE，Google都支持【当前时间截点】）

打印当前页面，可以运用css做排版处理，隐藏一些不需要出现的东西

 

/*打印   */
function printDiv(value) {

     
        window.print();
}

html 类属性 class=“Noprn”  隐藏不想打印的内容  @media print 打印css 样式设置

2.调用浏览器功能，打印指定区域（偷天换日）

 

获取以前的<html>标签内内容，用定义的区域内容顶替上，输出打印，页面还原（此时，页面附加值清空，如果需要附加值【js追加的值】需要对附加值处理）

2018-08-29

Mr.Chenyb 随笔记录，只为自己查看方便

js 调用浏览器打印功能
WCBandCTZ的博客
03-14 5386
废话不多说，功能需求：店家从商家后台调用打印机打印送货单，送货单信息：二维码，地址，电话，送货员拿单送货… 首先拆分功能点：生成二维码、调用浏览器打印机打印订单 （剧透一下，二维码使用qrcode.react第三方生成，二维码格式为canvas，但是浏览器打印不能试别canvas格式，qrcode.react (v7.1.2,) value奇葩写法。具体如下） 二维码生成使用qrcode.rea...
前端js 调用浏览器打印功能
MrjieQ的博客
05-31 845
使用的vue-quill-editor富文本编辑器给文本加了样式，vue-quill-editor富文本编辑器在前文中有提到过，感兴趣的可以查看一下。注意class样式是富文本的样式，不添加富文本的样式不显示。element组件中弹窗功能，vue框架中的v-html。超简单调用浏览器打印的方法：调用。2、富文本编写的内容展示出来。1、在代码中写一个按钮。
监听 浏览器自带的打印按钮 的事件
最新发布
代码笔记
02-08 338
如果你想监听浏览器自带的打印按钮（通常在浏览器的菜单中）的点击事件，在现代浏览器中是无法直接做到的，因为这属于浏览器的原生行为，出于安全和隐私考虑，浏览器没有提供直接监听该事件的 API。 不过，你可以监听 beforeprint 和 afterprint 事件，这两个事件会在打印操作开始前和结束后触发。 使用 addEventListener 方法分别为 beforeprint 和 afterprint 事件添加监听器。 当打印操作开始前，会触发 beforeprint 事件，输出 “打印操作即将开始”；
JS打印指定区域内容
潜伏在伤口的专栏
03-10 896
原文function preview(oper) { if (oper < 10) { bdhtml = window.document.body.innerHTML;//获取当前页的html代码 sprnstr = "<!--startprint"+oper+"-->";//设置打印开始区域 eprnstr = "<!--endprint
调用浏览器中的打印功能
08-31
调用浏览器页面打印,js代码实现功能，多种实现方法！
js实现调用浏览器打印功能
05-29
该文件中是一段js调用 浏览器的 打印功能 实践， 其中 详细的说明和注释。 但是 如果你需要调用起打印机 的话， 则需要用户先行 绑定打印机设备， 确保可以在打印页面选择打印机， 适用大部分浏览器。
前端js浏览器打印
秋来九月八
03-14 2101
window.print()是调用浏览器打印的方法。但默认是打印window当前所在页的整个页面，那有没有办法，只打印某一块区域，或者说，只打印某一个Dom元素内的元素呢。 function BrowserPrint （Dom）{ window.document.body.innerHTML = Dom.innerHTML; window.print(); // 打印完成以后一定要重新刷新页面，因为window被要打印的Dom取代了 window.location.reload(
js调用浏览器打印模块实现点击按钮触发自定义函数
10-26
在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中，我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法，该方法...
jquery 调用浏览器打印功能
12-09
而“jQuery 调用浏览器打印功能”是利用 jQuery 实现的一种方法，允许用户通过点击按钮或执行特定操作来触发浏览器的打印功能，从而打印网页内容。在描述中提到了 jqPrint 插件，这是一个专门用于打印 jQuery 对象...
JavaScript调用浏览器打印功能实例分析
10-23
JavaScript调用浏览器打印功能的知识点可以从以下几个方面展开： 1. 基础方法：JavaScript提供了一个内置函数window.print()，用于调用浏览器的打印功能。这是一个通用的方法，大部分现代浏览器都支持，包括但不...
调用浏览器打印按钮,实现打印页面功能
01-16
调用浏览器打印按钮,实现打印页面功能，可以实现二次开发
js打印实现各个浏览器预览插件
03-22
js打印实现各个浏览器预览插件，比如IE,谷歌，火狐浏览器.
js调用ie打印和预览功能
05-20
ie浏览器下，完整的描述用js调用ie打印预览的功能
JS调用打印机打印例子
11-02
JS调用打印机打印例子。直接调用打印插件打印。
js调用脚本实现打印预览
10-09
js实现打印预览!在IE浏览器中测试有效.值得下载看看!资源免费,大家分享!!
JavaScript调用浏览器打印功能
WangyyyyI
07-10 5640
在今天的任务做到了一个打印功能，百度一下得到了解决，没有什么难度，写为博客记录一下。具体调试以后遇到再改变。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>局部打印案例</title> <script type="t
js调用浏览器的打印功能
SRFH_的博客
03-06 913
最近做了个运用浏览器打印合同的功能，之前没做过，记录一下其中遇到的问题，打印页面建议使用新开窗口 原型图如下： 页面内容不多说，表格直接用table绘制，在页面顶部加一个悬浮的打印按钮。点击打印按钮调用打印机(ctrl+p) 实现的打印预览效果如下图： 打印按钮点击事件 window.print(); 调起打印时去掉部分元素，比如打印按钮 //给需要去除的元素添加 `not-prin...
JS 调用 Chrome 打印功能
laugh666的博客
09-06 790
本文将介绍如何使用 JavaScript 调用 Chrome 浏览器的打印功能，并提供相应的源代码。本文介绍了如何使用 JavaScript 调用 Chrome 浏览器的打印功能，并提供了相应的源代码。在上述代码中，我们创建了一个包含一个标题、一个段落和一个按钮的 HTML 页面。按钮的 id 属性为 “printBtn”，我们将在 JavaScript 中使用该 id 来获取该按钮的引用。当按钮被点击时，调用。接下来，我们需要编写 JavaScript 代码，通过按钮点击事件来调用浏览器的打印功能。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值