JavaScript调用浏览器打印功能

最新推荐文章于 2024-05-31 14:28:35 发布
最新推荐文章于 2024-05-31 14:28:35 发布
阅读量5.4k 收藏 1
点赞数
分类专栏： java编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32540639/article/details/74909891
版权
本文介绍了如何利用JavaScript调用浏览器的打印功能，记录一次简单的实现过程，便于日后参考和调试。
摘要由CSDN通过智能技术生成

在今天的任务做到了一个打印功能，百度一下得到了解决，没有什么难度，写为博客记录一下。具体调试以后遇到再改变。

<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>局部打印案例</title>  
<script type="text/javascript">
最低0.47元/天 解锁文章
WangyyyyI
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
调用浏览器中的打印功能
08-31
调用浏览器页面打印,js代码实现功能，多种实现方法！
JS打印指定区域内容
潜伏在伤口的专栏
03-10 835
原文function preview(oper) { if (oper < 10) { bdhtml = window.document.body.innerHTML;//获取当前页的html代码 sprnstr = "<!--startprint"+oper+"-->";//设置打印开始区域 eprnstr = "<!--endprint
前端js 调用浏览器打印功能
最新发布
MrjieQ的博客
05-31 309
使用的vue-quill-editor富文本编辑器给文本加了样式，vue-quill-editor富文本编辑器在前文中有提到过，感兴趣的可以查看一下。注意class样式是富文本的样式，不添加富文本的样式不显示。element组件中弹窗功能，vue框架中的v-html。超简单调用浏览器打印的方法：调用。2、富文本编写的内容展示出来。1、在代码中写一个按钮。
js 调用浏览器打印功能
WCBandCTZ的博客
03-14 5191
废话不多说，功能需求：店家从商家后台调用打印机打印送货单，送货单信息：二维码，地址，电话，送货员拿单送货… 首先拆分功能点：生成二维码、调用浏览器打印机打印订单 （剧透一下，二维码使用qrcode.react第三方生成，二维码格式为canvas，但是浏览器打印不能试别canvas格式，qrcode.react (v7.1.2,) value奇葩写法。具体如下） 二维码生成使用qrcode.rea...
js实现调用浏览器打印功能
05-29
该文件中是一段js调用 浏览器的 打印功能 实践， 其中 详细的说明和注释。 但是 如果你需要调用起打印机 的话， 则需要用户先行 绑定打印机设备， 确保可以在打印页面选择打印机， 适用大部分浏览器。
前端js浏览器打印
秋来九月八
03-14 1842
window.print()是调用浏览器打印的方法。但默认是打印window当前所在页的整个页面，那有没有办法，只打印某一块区域，或者说，只打印某一个Dom元素内的元素呢。 function BrowserPrint （Dom）{ window.document.body.innerHTML = Dom.innerHTML; window.print(); // 打印完成以后一定要重新刷新页面，因为window被要打印的Dom取代了 window.location.reload(
JavaScript调用浏览器打印功能实例分析
10-23
主要介绍了JavaScript调用浏览器打印功能的方法,实例分析了针对各种常用浏览器调用打印功能的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jquery 调用浏览器打印功能
12-09
而“jQuery 调用浏览器打印功能”是利用 jQuery 实现的一种方法，允许用户通过点击按钮或执行特定操作来触发浏览器的打印功能，从而打印网页内容。在描述中提到了 jqPrint 插件，这是一个专门用于打印 jQuery 对象...
调用浏览器打印功能.zip
11-19
<a id="ps" href="javascript:;">打印 <script type="text/javascript"> var ps = document.getElementById('ps'); function preview(id) { var sprnhtml = $('#' + id).html(); //获取区域内容 var ...
前端JS调用浏览器打印服务打印doc文件
weixin_38343072的博客
04-04 3329
不安装各种插件，使用html2canvas转DOM为高清图片，实现文档网页打印
调用浏览器打印按钮,实现打印页面功能
01-16
调用浏览器打印按钮,实现打印页面功能，可以实现二次开发
JS实现浏览器打印、打印预览示例
10-20
本篇文章主要介绍了JS实现浏览器打印、打印预览示例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js 调用浏览器打印
heqinghua217的博客
10-12 1516
本文转自：http://blog.csdn.net/hu_shengyang/article/details/6437698 方法一：     首先想问的是Java打印机制?有这东东吗？     直接把这个(window.print();)复制到js中,就能打印出当前页面中的内容。 [javascript] view plain 
js调用浏览器打印方法
weixin_40745445的博客
06-11 1025
1、javascript中的方法 function dayin(){ var userAgent = navigator.userAgent.toLowerCase(); //取得浏览器的userAgent字符串 if (userAgent.indexOf("trident") > -1){ layer.msg("请使用google或者360浏览器打印"); return false; }else if(u
调用浏览器打印
kungc1的博客
02-12 2255
调用浏览器打印会比一般打印的方法简单很多。下面就是我在做项目时用到的调用浏览器打印的方法。 先用一个div把要打印的部分包裹起来，然后获取按钮的ID，然后获取要打印部分的ID，要打印的那部分先用一个div包裹起来 将打印的部分转换成HTML，然后上面的点击事件就会触发打印事件。Return location.reload在这里是刷新的意思，如果没有这句代码打印完后要重新刷新一...
无敌打印（适用各种浏览器自带打印功能）
weixin_34202952的博客
08-19 456
function print(){ var newWin = window.open('','_blank'); var titleHTML = document.getElementById("printContentDiv").innerHTML; newWin.document.write(titleHTML); newWin.document.l...
vue 调用浏览器打印
09-09
在Vue中，要调用浏览器的打印功能，我们可以使用JavaScript的打印方法`window.print()`。 首先，在Vue的组件中，可以创建一个按钮或其他触发打印的事件，例如： ```html <template> <div> <button @click="print">打印页面</button> </div> </template> ``` 然后，在Vue实例的`methods`中添加`print`方法，该方法会在按钮点击时被调用： ```javascript <script> export default { methods: { print() { window.print(); // 调用浏览器的打印功能 } } } </script> ``` 当用户点击按钮时，`print`方法会调用`window.print()`，即调用浏览器的打印功能。 此时，用户可以在打印预览界面中选择打印机、纸张大小等打印选项，然后点击打印按钮将页面内容打印出来。 需要注意的是，调用打印功能可能会触发浏览器的弹窗拦截，因此在某些浏览器中，可能需要用户手动确认打印操作。 总结起来，通过在Vue组件中添加一个按钮，并在点击事件中调用`window.print()`方法，我们可以实现在Vue中调用浏览器的打印功能。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值