JS打印预览

小灰灰 2023-06-05 08:49 3阅读 0赞

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            <meta http-equiv="X-UA-Compatible" content="ie=edge" />
            <title>打印预览</title>
            <style>
                .product {
                    margin-left: 85px;
                }
            </style>
        </head>
        <body>
            
            <p>订单编号：D47328947239847239</p>
            <p>订单金额：104.50 元</p>
            <p>订单时间：2019-10-08 19:50</p>
            <p>订单产品：</p>
            <p class="product">红烧毛豆 3.50元 × 1</p>
            <p class="product">爆炒豆腐 5.50元 × 2</p>
            <p class="product">干瘪烤鸭 9.00元 × 10</p>
            
    
            <input type="button" onclick="printingPreview();" class="btn" value="打印预览" />
    
            <script>
                function printingPreview() {
                    bdhtml = window.document.body.innerHTML;
                    sprnstr = '';
                    eprnstr = '';
                    prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //17Ϊsprnstr��length
                    prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
                    window.document.body.innerHTML = prnhtml;
                    window.print();
                    location.reload();
                }
            </script>
        </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 实现全景图预览

WebGL（全称 Web Graphics Library）是一种 3D 绘图协议，这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在...

- 日理万妓/ 2024年04月17日 06:29/ 0 赞/ 100 阅读

相关 JS打印预览

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" />

小灰灰/ 2023年06月05日 08:49/ 0 赞/ 4 阅读

相关 PDF.js预览文件实现在线预览pdf文件

![20200825155556932.png][]首先下载源码。把他放在自己的文件里面。下载地址：[https://download.csdn.net/download/

川长思鸟来/ 2022年12月01日 01:26/ 0 赞/ 528 阅读

相关 vue word预览，excel预览，pdf预览

一、word预览–mammoth.js 安装：`npm install --save mammoth` tip：只能预览.docx文件 word.vue:

淩亂°似流年/ 2022年11月15日 11:13/ 0 赞/ 666 阅读

相关 JS 本地图片预览

　　　　　　 JS 本地图片预览效果附上： ![这里写图片描述][20160706182807331] 代码附上： <!DOCTYPE htm

柔光的暖阳◎/ 2022年09月23日 08:09/ 0 赞/ 279 阅读

相关 JS打印预览

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

╰半夏微凉°/ 2022年08月08日 09:14/ 0 赞/ 185 阅读

相关 JS实现浏览器打印、打印预览

目前正在做浏览器端采用JS方式实现打印这么一个功能，JS打印实现的方法很多，但是兼容各个浏览器实现打印预览的功能有些棘手，现将实现的内容及遇到的问题记录下来，希望有大牛看到所提

ゝ一世哀愁。/ 2022年07月12日 13:54/ 0 赞/ 343 阅读

相关 file，js图片预览

URL.createObjectURL和URL.revokeObjectURL(不适用低版本浏览器) 一.URL.createObjectURL URL.c

╰半夏微凉°/ 2022年06月15日 23:18/ 0 赞/ 342 阅读

相关 js上传图片预览

function imgFile(file){ file.change(function(){ var current_img=this.file

本是古典何须时尚/ 2022年05月22日 03:34/ 0 赞/ 470 阅读

相关 pdf预览 pdf.js+pdfObject

1.下载pdf.js 第一步，下载源码：git clone git://github.com/mozilla/pdf.js.git （直接github下载zip 不能直接使

秒速五厘米/ 2021年10月19日 09:48/ 0 赞/ 608 阅读