PHP代码
<?php
session_cache_limiter('public, must-revalidate'); //要写在session_start方法之前
session_start();
header('Cache-control: public, must-revalidate'); //支持页面回跳
header('X-Content-Type-Options: nosniff');
?>
HTML 代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> 打印</title>
<style type="text/css">
table {
border : 1;
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
body{
width: 100%;
height: 100%;
}
* {
padding: 0;
margin: 0;
}
.main{
padding: 2%;
font-family: Simsun;
}
@media print {
@page {
size: A4;
}
}
@media screen {
.main{
display: none;
}
}
</style>
</head>
<body>
<button onclick="preview('data');" id="print"> 打印 </button>
<div width=100% >
<table border="1"; id="data" style="margin:0 auto; width:65%; border-collapse:collapse; ">
<tbody>
<tr>
<td>
ISSUER</br>
FUJI ELEVATOR TECHNOLOGY CO. </br>
LIMITED </br>
PO Box0 </br>
HUZHOU, People’ s Republic of China</br>
</td>
<td colspan="2">
FUJI ELEVATOR TECHNOLOGY CO.,</br>
LIMITED</br>
装箱单</br>
PACKING LIST </br>
</td>
</tr>
<tr>
<td>
TECHNICAL& TRADING LLC </br>
P. O BOX 325, UNITED ARAB EMIRATES </br>
PH:3338578
</td>
<td colspan="2">
FUJI ELEVATOR TECHNOLOGY CO.,</br>
LIMITED</br>
装箱单</br>
PACKING LIST
</td>
</tr>
<tr>
<td>
PORT OF LOADING: SHANGHAI PORT,CHINA
</td>
<td>Invoice NO.:2023/02/10</td>
<td> Invoice Date:10/02/2023</td>
</tr>
<tr>
<td>
PORT OF DISCHARGE: JEBEL ALI, DUBAI
</td>
<td>Contract No .:
FUJI-PTE006
</td>
<td> </td>
</tr>
<tr>
<td colspan="3">
<table width=100%>
<tr>
<th>Marks</th>
<th> Description of goods </th>
<th>Net weight </th>
<th> Gross weight </th>
<th> Measurement </th>
</tr>
<tr>
<td> N/M </td>
<td> PASSANGER ELEVATOR </br>
DUMBWAITER
</td>
<td> 4600 </td>
<td> 5,121 </td>
<td> 11.190 </td>
</tr>
<tr>
<td></td><td></td><td></td>
<td> PACKED IN 16 PKGS </td><td></td>
</tr>
<tr>
<td colspan="5"> TOTAL NET WEIGHT: 4600KGS </td>
</tr>
<tr>
<td colspan="5"> TOTAL GROSS WEIGHT:5,121KGS </td>
</tr>
<tr>
<td colspan="5"> TOTAL MEASUREMENT:11.190 CBMS </td>
</tr>
<tr>
<td colspan="5"> TOTAL PACKAGES: 16 PACKAGES </td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">
TOTAL QUANTITY:2UNITS
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
js 代码
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script type="text/javascript">
function preview(id){
var sprnhtml=$('#'+id).html(); //获取区域内容
var selfhtml=$('body').html(); //获取当前页的html
$('body').html(sprnhtml);
$('body').html(selfhtml);
window.print();
}
</script>