Js通過window.print();實現打印

本文轉載自查看原文 2018-11-30 17:12 2827 JS方法

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>消費記錄PDF</title>
<script type="text/javascript">   
    function doPrint() {    
        bdhtml=window.document.body.innerHTML;    
        sprnstr="<!--startprint-->";    
        eprnstr="<!--endprint-->";    
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+10);    
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));    
        window.document.body.innerHTML=prnhtml; 
        window.print();    
}    
</script>
</head>
 
<body>

<!--startprint--><!--注意要加上html里star和end的這兩個標記-->
<div>
    <table style="border: #F0F8FF 1px solid">
        <tr>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">用戶名稱:</td>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">蕭薰兒</td>
        </tr>
        <tr>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">客戶類型:</td>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">SVIP</td>
        </tr>
        <tr>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">本次消費金額:</td>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">6000.00</td>
        </tr>
        <tr>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">本次支付方式:</td>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">移動支付</td>
        </tr>
        <tr>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">本次消費時間:</td>
            <td style="width: 300px;height: 25px;background-color: #FF4500;">2018-11-30 17:00:00</td>
        </tr>
    </table>
</div>
<!--endprint-->
<button type="button" onclick="doPrint()">打印</button>

</body>
</html>

轉自:

https://blog.csdn.net/yongchao940/article/details/73129425/

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 【JS】window.print打印指定內容關於頁面打印window.print()的樣式問題控制window.print不打印某些內容 window.print()打印網頁中指定內容 window.print(); 打印移除頁頭和網址信息使用window.print()打印局部頁面，ifrme打印ie報錯 JS 使用 window對象的print方法實現分頁打印 window.print去掉頁頭頁腳打印 print-js print之 js打印功能