js实现打印功能

2023-11-17

window.print()执行打印功能

//打印后执行的操作window.onafterprint

//打印前执行的操作window.onbeforeprint

<body>
    <!--startprint-->
    <div class="x-body">
        <div class="noprint">
            <div onclick="window.history.go(-1);" style="" type="button" class="layui-btn layui-btn-normal">返回上一页</div>
            <div onclick="doPrint()" type="button" class="layui-btn">打印</div>
        </div>
        
        
        <div class="" style="margin-top:20px;">
            <div class="" style="text-align:center;">
                <span style="font-size:22px;">产品销售合同</span>
                <span style="font-size:16px;">(代发货订单)</span>
            </div>
            <div class="" style="">
            
            </div>
        </div>
    </div>
    <!--endprint-->
<script>

function doPrint() {
  $(".noprint").css("display",'none');
  bdhtml=window.document.body.innerHTML;
  sprnstr="<!--startprint-->";
  eprnstr="<!--endprint-->";
  prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
  prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
  window.document.body.innerHTML=prnhtml;
  window.print();

}
//打印后
window.onafterprint = function(){
    console.log("Printing completed...");
    $(".noprint").css("display",'block');
    window.location.reload();
}
//打印前执行某些操作
window.onbeforeprint = function(){
   console.log("Printing onbeforeprint...");
   //record();
}
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

js实现打印功能 的相关文章

  • 面试:Java有哪几种引用类型

    Interviewer 你好 请先做一下自我介绍吧 applicant interviewer 你好 俺叫小明 巴拉巴拉巴拉巴 Interviewer 小明啊 那你说一下 Java有哪几种引用类型吧 applicant 嗯啊 enenene

随机推荐

  • kafka处理快速的原因

    生产者分析 生产者 producer 是负责向Kafka提交数据的 我们先分析这一部分 Kafka会把收到的消息都写入到硬盘中 它绝对不会丢失数据 为了优化写入速度Kafka采用了两个技术 顺序写入 和 MMFile 顺序写入 因为硬盘是机
  • 使用VScode开发ESP8266,PlatformIO开发ESP8266

    arduino IDE安装开发板库 安装arduino IDE 首先下载arduino IDE并安装 在官网下载即可 如果官网下载慢 可以找第三方资源下载 下载开发板库 安装后进入 文件 首选项 在附加开发板管理器地址后添加http ard
  • vue3室友iframe实现pdf弹窗预览

    效果 代码 弹窗 div class viewBox div
  • 使用USB转TTL线连接树莓派4B

    一般我们刷完树莓派系统后 都是通过连接鼠标键盘及显示器来进行操作 当我们开启SSH功能后我们才可以通过ssh客户端进行远程访问 那么是否有更方便的方式进行连接 并且不需连接外部设备进行操作呢 串口通信 当然可以 我们可以使用USB转TTL线
  • 中国十佳IT外包企业排行榜

    东软集团股份有限公司 在众多外包厂商还在为利润率达到15 而挣扎时 东软早已轻松迈上了20 的利润率大关 从甲方转向乙方的背景 A股的融资渠道 多年的本土运营关系 都成为助推东软快速成长的有力因素 东软是中国最大的离岸软件外包提供商 大连华
  • mongodb副本集强制其中一个节点为主库并重做副本集集群

    在mongodb副本集集群中 若是丢失了n 2 1个节点 也就是失去了多数节点时候 在集群内无法投票表决剩下的节点谁能当主库 那就需要强制其中一个节点为主库 下面是操作步骤 1 执行cfg rs conf 2 需要设置需要的 id为主库 c
  • 产业区块链一周动态丨信用债市场血雨腥风,区块链能够有哪些作为?

    最近一段时间 国内信用债市场血雨腥风 华晨 永煤等国企发行的债券违约 国企信仰 再次受到冲击 市场恐慌情绪蔓延 区块链作为传递信任的机器 是否能够发挥一些作用 1 产业政策 最高法推进区块链技术在知识产权审判和司法工作中深度应用 最高法 推
  • 未来最有市场发展前景的十大通信技术

    未来最有市场发展前景的十大通信技术 2003 03 24 10 39 通讯世界 scrolling No marginheight 0 marginwidth 0 src http images chinabyte com adjs pip
  • ORAN专题系列-30:5G基站如何升级到O-RAN基站 - FHGW(FrontHaul Gateway)的时钟同步系统

    作者主页 文火冰糖的硅基工坊 文火冰糖 王文兵 的博客 文火冰糖的硅基工坊 CSDN博客 本文网址 https blog csdn net HiWangWenBing article details 120320195 目录 第1章 O R
  • 干货!面向低精度量化的神经网络训练算法

    点击蓝字 关注我们 AI TIME欢迎每一位AI爱好者的加入 对神经网络进行低精度量化 尤其是混合精度量化 是提升神经网络部署效率的重要方法之一 然而 如何让神经网络适应低精度的表示 如何选取最合适的量化精度 依然存在很多没有解决的问题 本
  • BERT和GPT模型简介

    1 引言 从现在的大趋势来看 使用某种模型预训练一个语言模型看起来是一种比较靠谱的方法 从之前 AI2 的 ELMo 到 OpenAI 的 fine tune transformer 再到 Google 的 BERT GPT 全都是对预训练
  • QT 颜色选择器 QColorDialog 使用

    需求 点击修改按钮 弹出 颜色选择框 确定后 给 label 设置背景色 打印 代码 include
  • 通信原理(一) 通信原理概述

    文章目录 0 通信系统 1 通信方式 单工 双工与半双工 并行传输与串行传输 2 性能指标 2 1 有效性指标 2 2 可靠性指标 3 码 3 1 码字 码元 码长 3 2 码的分类 4 抽样与抽样定理 4 1 理想抽样和实际抽样 4 2
  • 深入理解const char*p,char const*p,char *const p,const char **p,char *const*p ...

    一 可能的组合 1 const char p 2 char const p 3 char const p 4 const char p 5 char const p 6 char const p 7 char const p 当然还有在 5
  • /etc/init.d/mysql: No such file or directory 和 ERROR 2002 (HY000): Can't connect to local MySQL server through socket 解决办法

    更改 etc my cnf client password your password port 3306 socket tmp mysql sock Here follows entries for some specific progr
  • 如何替换eclipse的logo?

    是不是对Eclipse的Logo已经审美疲劳了呢 如果换成了自己喜爱的照片 相信心情一定会高兴很多 下面就教给你如何替换它 我所知道就有两种方法 介绍两种方法之前 有一个基础的问题 那就是做为Logo你的图片需要那些条件呢 其实条件很简单
  • 直流电机笔记1-串并励电机特性

    文章目录 一切的基础 电磁感应定律 磁感线 左手定则 右手定则 安培定则 也叫右手螺旋定则 直流电机转动机理直观演示 直流串励 并励电机构造与区别 直流电机的反电动势 一切的基础 电磁感应定律 1 1831法拉第发现第一块磁铁穿过一个闭合线
  • 一文读懂机器学习,大数据/自然语言处理/算法全有了……

    作者注 本文生动形象 深入浅出的方式介绍了机器学习及其它算法 适合新人和想更加了解机器学习的读者阅读 此文属于转载 下面链接是原文出处 我们尊重原作者的版权保护 https www cnblogs com donaldlee2008 p 5
  • C++字符串格式化

    c c 的字符串格式化问题 常常会困扰人 只要做个集中整理 以便今后查看 格式化值 返回百分号 b 返回二进制数 c 返回与ASCII值相对应的字符 d 带有正负号的十进制数 e 科学计数符号 如 1 2e 2 u 不带正负号的十进制数 u
  • js实现打印功能

    window print 执行打印功能 打印后执行的操作window onafterprint 打印前执行的操作window onbeforeprint div class x body div class noprint div type