1 頁面
2 打印
3 關鍵代碼
<script language="JAVAscript">
function printdiv(printpage) {
var headstr = '<html><head><title>銷售發貨單</title></head><body>';
var footstr = "</body>";
var newstr = document.getElementById(printpage).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr + newstr + footstr;
console.log(headstr + newstr + footstr)
window.print();
document.body.innerHTML = oldstr;
return false;
}
</script>
完整代碼如下：
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<script language="JavaScript">
function printdiv(printpage) {
var headstr = '<html><head><title>銷售發貨單</title></head><body>';
var footstr = "</body>";
var newstr = document.getElementById(printpage).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr + newstr + footstr;
console.log(headstr + newstr + footstr)
window.print();
document.body.innerHTML = oldstr;
return false;
}
</script>
<h1>div前</h1>
<div id="div_print">
<div style="line-height: 30px; color:#000;" class=size16 align=center>
<strong>銷售發貨單-01</strong></div>
<table border=0 cellspacing=0 cellpadding=0 width="100%">
<tbody>
<tr>
<td width="43%">所在店鋪：<span>XYZ-專賣店</span></td>
<td width="33%">發貨單號：<span>2020050810372</span></td>
<td>快遞單號：</td>
</tr>
<tr>
<td>收 件 人：<span>小明</span></td>
<td>網店單號：<span>74235823905643</span</td>
<td>發貨日期：2020-5-10</td>
</tr>
<tr>
<td>電話號碼：<span>13935429860 </span></td>
<td>收件人id：<span>小李飛刀</span></td>
<td> </td>
</tr>
</tbody>
</table>
<table border=1 cellspacing=0 cellpadding=1 width="100%" style="border-collapse:collapse" bordercolor="#333333">
<thead>
<tr>
<td width="10%">
<div align=center><b>表格頁眉</b></div>
</td>
<td width="25%">
<div align=center><b>品名</b></div>
</td>
<td width="10%">
<div align=center><b>顏色</b></div>
</td>
<td width="10%">
<div align=center><b>規格</b></div>
</td>
<td width="10%">
<div align=center><b>數量</b></div>
</td>
<td width="15%">
<div align=center><b>單價</b></div>
</td>
<td width="20%">
<div align=center><b>金額</b></div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td> 1</td>
<td>名稱01</td>
<td>淺灰色</td>
<td>185/10</td>
<td>1</td>
<td>248.00</td>
<td>248.00</td>
</tr>
<tr>
<td> 2</td>
<td>名稱02</td>
<td>淺灰色</td>
<td>185/10</td>
<td>1</td>
<td>248.00</td>
<td>248.00</td>
</tr>
<tr>
<td> 3</td>
<td>名稱03</td>
<td>淺灰色</td>
<td>185/10</td>
<td>1</td>
<td>248.00</td>
<td>248.00</td>
</tr>
<tr>
<td> 4</td>
<td>名稱04</td>
<td>淺灰色</td>
<td>185/10</td>
<td>1</td>
<td>248.00</td>
<td>248.00</td>
</tr>
</table>
<input name="btn_print" type="button" onclick="printdiv('div_print');" value="打印" align=center>
</div>
<h1>div后</h1>
</body>
</html>
