本文為轉載内容,轉載位址: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>