前端打印代码

最新推荐文章于 2024-05-12 23:01:50 发布
最新推荐文章于 2024-05-12 23:01:50 发布
阅读量815 收藏
点赞数
分类专栏： 全栈开发

<!DOCTYPE html>

<html>

 

         <head>

                   <metacharset="UTF-8">

                   <metaname="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">

                   <scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

                   <title>债券转让协议</title>

         </head>

         <styletype="text/css">

                   p{

                            text-align:justify;

                            font-size:14px;

                   }

         </style>

 

         <body>

                   <divclass="container" id="divPrint">

                            <pclass="text-right">合同编号：<span id="">$$$$$$$</span></p>

                            <h4class="text-center">我是名字</h4>

                            <p>本《债权转让协议》（以下简称“本协议”）由以下各方于<span id="">2016-01-25</span>签订。</p>

                            <p><b>甲方：（“债权受让方”）</b></p>

                            <tableclass="table table-bordered">

                                     <tr>

                                               <td>姓名</td>

                                               <td>身份证号</td>

                                     </tr>

                                     <tr>

                                               <td>Data</td>

                                               <td>Data</td>

                                     </tr>

                            </table>

                            <p><b>乙方：（“债权出让方”）</b></p>

                            <tableclass="table table-bordered">

                                     <tr>

                                               <td>姓名</td>

                                               <td>身份证号</td>

                                     </tr>

                                     <tr>

                                               <td>Data</td>

                                               <td>Data</td>

                                     </tr>

                            </table>

                            <p><b>丙方：（“债务人”）</b></p>

                            <tableclass="table table-bordered">

                                     <tr>

                                               <td>姓名</td>

                                               <td>身份证号</td>

                                     </tr>

                                     <tr>

                                               <td>Data</td>

                                               <td>Data</td>

                                     </tr>

                            </table>

                            <p><b>丁方：<span>北京快乐时代科技发展有限公司（“担保人”）</span></b></p>

                            <p>营业执照：<span>11010517011206</span></p>

                            <p>法定代表人：<span>罗敏</span></p>

                            <p><b>戊方：北京钱得乐科技有限公司（“居间人”）</b></p>

                            <p>15层B-1508-050号</p>

                            <p>联系电话：<span>400-665-0371</span></p>

                            <p>（甲方、乙方、丙方、丁方、戊方一下统称为“各方”，“一方”指他们当中任何一方）</p>

                   </div>

                   <ahref="javascript:printme()" target="_self">打印</a>

 

                   <scripttype="text/javascript">

                            varglobal_Html = "";

                            functionprintme() {

                                     global_Html= document.body.innerHTML;

                                     document.body.innerHTML= document.getElementById('divPrint').innerHTML;　　　　　　　　　　　　　　

                                     window.print();

                                     window.setTimeout(function(){

                                               document.body.innerHTML= global_Html;

                                     },1500);

                            }

                   </script>

         </body>

 

</html>

cheng0867
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端-代码走查模板.docx
12-23
在前端项目管理中，代码走查是一个至关重要的环节，它有助于规范开发行为，统一团队内的编码风格，并且能够提前发现并修复潜在的问题，提高代码质量和软件稳定性。代码走查不仅是一种质量保证手段，而且能够促进团队...
前端打印模块hiprint
07-14
在IT行业中，前端打印模块是实现用户在网页端进行文档打印功能的关键部分。"Hiprint"作为一款前端打印模块，它的设计目标是提供一个自定义程度高的解决方案，以满足开发者在网页应用中对打印功能的各种需求。下面...
前端实现打印功能
weixin_55846296的博客
04-15 2万+
前端实现打印功能的方法有很多，大家在网上随便一搜就是一大堆，在这里，我主要选择一个我觉得比较好一点的实现方式来进行解释描述： 方法一：window.print() 这个命令默认打印整个页面的内容，所以，如果想要实现局部打印功能的话，就要重新给body赋值，并且后续执行完之后再还原回去，这样的话会造成一些非预期的结果，很麻烦，并且在当前也操作，window.document.body的内容重新渲染，打印完会有刷新，影响用户的体验，所以不推荐，但还是简单介绍一下： //（1）首先获得元素的ht..
前端几种打印推荐
qq_43185092的博客
02-08 844
前端打印方式推荐
2024年前端最全前端实现打印功能_前端打印，2024年最新最新大厂Web前端社招面试经验汇总
最新发布
2401_84438488的博客
05-12 1224
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。// 1、获取需要打印的部分。
前端实现调用打印机和小票打印(TSPL )功能
三季雨
11-02 5824
前端 的方式 点击这个按钮，直接让打印机打印我想要的东西。
vue使用printJs实现前端打印,以及打印分页实现
Arcobaleno_1177的博客
08-08 5720
在web端可以直接使用原生调用方法调用打印,但是往往需要单独把需要打印的东西拎出来画一个单独的html,而使用printJs则可选中你需要打印的代码块,进行页面局部打印。
前端 打印
weixin_65676406的博客
10-11 825
前端打印效果，打印图片
js 前端打印demo
10-27
在"jiaoben181259"这个文件中，可能包含了一个简单的示例代码或者一个完整的前端打印解决方案。它可能演示了如何动态创建`iframe`，如何将数据渲染到`iframe`，以及如何调用`window.print()`方法。此外，文件也可能...
前端网页打印
01-08
大家好！本人第一次写博客，写的...关于条形码和二维码的生成和打印最后面有最新代码（更简洁易懂） 1.对应的条码打印的npm包是jsbarcode 导入包：import JsBarcode from ‘jsbarcode’; printBarCode=(props)=>{ let
前端打印小票lodop.rar
06-06
在IT行业中，前端打印小票是一项重要的功能，尤其在电商、餐饮和其他需要实时打印订单的场景下。"前端打印小票lodop.rar"这个压缩包就是为了解决此类需求而提供的资源。它包含了一个用于前端JavaScript（js）的库，...
前端实现打印图像功能
11-21
前提：后台返回是绘制医用心电波形报告的数据，前端通过canvas在网页上绘制再进行打印并生成PDF文档！ 一.  尝试LODOP打印插件 之前前端表单打印功能有使用过LODOP打印插件，需安装相应的LODOP的打印软件，lodop的使用方法2种。第一种方式是通过收集前端标签内容元素成对象 var   htmlstr= $("#ECGReport").html(); 通过 LODOP.ADD_PRINT_HTM(20,60, 400, 900,htmlstr); 的lodop方法导入到自带编辑的打印软件中进行打印，当然字体大小，颜色，加粗等都可以设置；第二种是自定义内容，模板样式已确定，可通过方
漂亮打印的代码实现
01-04
给定由N个英文单词组成的一段文章，每个单词的长度（字符个数）依序为L1，L2，...Ln。我们要在一台打印机上将这段文章“漂亮地”打印机出来。打印机每行最多可打印M个字符。这里所说的“漂亮”的定义如下: 在打印机所打印的每一行中，行首和行尾可不留空格。行中每两个单词之间留一个空格。这样,如果在一行中打印从单词i到单词j的字符，则按打印规则，应在一行中恰好打∑L+j-i个字符（包括字符间空格），且不允许将单词打破。多余的空格数为M-j+i-∑L。除文章的最后一行外，希望每行多余的空格尽可能少。 因此，我们以各行（最后一行除外）的多余空格数的立方和达到最小作为“漂亮”的标准。
调用web前端打印功能，对页面进行打印
03-15
web页面调用的打印，包含可实现整页打印，区域打印，选择打印三种方法，直接复制可用（缺点：格式不好控制，建议使用插件打印或PDF打印，详见本人其他分享）
前端实现打印功能Print.js
红烧咸咸鱼
10-27 985
前端实现打印功能Print.js
H5实现打印电子面单（淘宝菜鸟物流）
你好！刘斩仙
04-22 9199
介绍：为了对接菜鸟物流，写的测试demo，最终需要实现and design pro版本 效果如图： 第一步： 先看文档=>菜鸟文档：接口文档 第二步： 下载云打印客户端：打印组件，安装打开就完了 第三步： 配置打印机：装驱动，设置为默认打印机（面单打印机），完事儿！ 第四步： 源代码： <!DOCTYPE html> <html> <head> ...
前端笔试题记录（二）-代码输出题
qq_43178432的博客
09-17 474
前端代码输出题
js如何在前端控制台打印
热门推荐
jiaonizuoren的博客
08-14 10万+
在js中右中全局方法可以在控制台console中打印信息： 1、console.log(123); 2、console.info(456); 3、console.warn(666); 4、console.error(23333); 在浏览器端，按下F12 可以打开 浏览器的console窗口，查看即可。 不同方法展示效果也不同，上图是log()输出的，下图是warn()输出的以及e...
前端 JS 打印 WORD/EXCEL PDF
Jerry子辰的博客
01-25 4708
@前端打印页面，导出word，导出ppt 之前做的一个项目里要求结合页面的表格导出PDF和WORD并实现打印功能，就顺便做下总结 导出PDF 这里我我选择了使用插件html2canvas来做，先把插件的官网用法放出来 安装 npm install html2canvas 引入 import html2canvas from 'html2canvas' 使用 html2canvas(document.body).then(function(canvas) { document.body.appe
若以框架生成前端打印代码
06-03
如果您使用前端框架来生成前端打印代码，通常您可以按照以下步骤操作： 1. 首先，您需要在您的前端代码中定义一个打印函数或方法。这个函数可以接受一个或多个参数，并将它们输出到浏览器的控制台或弹出窗口中。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值