天天看點

js 列印

本文為轉載内容,轉載位址:https://blog.csdn.net/weixin_43292447/article/details/83993416

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--startprint-->//寫上開始位置
<table >
    <tr>
        <td>這個表格将會被列印</td>
        <td>這個表格将會被列印</td>
        <td>這個表格将會被列印</td>
    </tr>
</table>
<br>
<img src="http://p8sv0x8g6.bkt.clouddn.com/zzbk.png" alt="這張圖檔将會被列印">
<!--endprint-->//結束位置
<button "doPrint()">列印</button>
</body>
<script src="http://p8sv0x8g6.bkt.clouddn.com/jquery-2.1.1.min.js"></script>
<script>
    function doPrint() {
        bdhtml=window.document.body.innerHTML;
        sprnstr="<!--startprint-->"; //開始列印辨別字元串有17個字元
        eprnstr="<!--endprint-->"; //結束列印辨別字元串
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //從開始列印辨別之後的内容
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //截取開始辨別和結束辨別之間的内容
        window.document.body.innerHTML=prnhtml; //把需要列印的指定内容賦給body.innerHTML
        window.print(); //調用浏覽器的列印功能列印指定區域
        window.document.body.innerHTML=bdhtml; // 最後還原頁面
    }
</script>
</html>