jquery 實現打印指定區域的內容

jQuery控制網頁打印指定區域的方法；

先上效果圖

 

 

Html：

<div id="printArea" style="width: 500px; text-align: left;">
<table>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
</tbody>
</table>

</div>

 

Js：

function printHtml(html) {
var bodyHtml = document.body.innerHTML;
document.body.innerHTML = html;
window.print();
document.body.innerHTML = bodyHtml;
}

function onprint() {
var html = $("#printArea").html();
printHtml(html);
}

 

使用jQuery控制網頁打印指定的區域，可以指定一個div區域的id即可實現打印網頁的部分內容