在网页开发中，有时我们需要为用户提供打印功能，无论是打印整个页面还是特定的页面部分。本文将详细介绍如何使用JavaScript实现这两种类型的打印。
最简单的方法是利用`window.print()`函数来实现整体打印。只需在HTML中添加一个链接或按钮，然后绑定`onclick`事件调用`window.print()`即可。例如：
```html
<a href="javascript:window.print()" rel="external nofollow" target="_self">打印</a>
```
当用户点击这个链接时，浏览器会弹出打印对话框，准备打印当前页面的全部内容。
然而，有时候我们只需要打印页面的一部分。要做到这一点，我们可以创建一个特殊的打印区域，并通过JavaScript来筛选这个区域的内容。在HTML中，我们可以用注释标记打印的开始和结束：
```html
<!--startprint-->
<div class="content">
这里是需要打印的内容
.......
</div>
<!--endprint-->
```
接着，我们可以编写一个JavaScript函数`doPrint()`，用于提取并打印这个区域的内容：
```javascript
function doPrint() {
var bdhtml = window.document.body.innerHTML;
var sprnstr = "<!--startprint-->";
var eprnstr = "<!--endprint-->";
var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
window.document.body.innerHTML = prnhtml;
window.print();
}
```
此外，我们可能还需要隐藏某些元素在打印时不显示，比如预览和打印按钮。这可以通过CSS媒体查询实现，定义只在打印时生效的样式：
```css
@media print {
.noprint {
display: none;
}
}
```
或者：
```css
<style type="text/css" media="print">
.noprint {
display: none;
}
</style>
```
对于分页打印，如果内容较长，浏览器会自动处理分页。但如果你想自定义分页，可以在表格或其他元素后添加`style="page-break-after: always"`，确保在该位置强制分页。
除了使用`window.print()`，还有第三方插件可以实现更灵活的打印功能。例如，`jqprint`是一个基于jQuery的插件，它可以方便地打印网页的某个区域。在引入jQuery和`jqprint`插件后，可以这样使用：
```html
<div id="ddd">
<table>
<tr>
<td>test</td>
</tr>
</table>
</div>
<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" src="jquery.jqprint-0.3.js"></script>
<script language="javascript">
function a() {
$("#ddd").jqprint();
}
</script>
```
需要注意的是，使用`jqprint`时可能会遇到jQuery版本兼容问题，如“Cannot read property 'opera' of undefined”错误。这时可以引入`jquery-migrate-1.0.0.js`插件解决这个问题。
JavaScript提供了多种方法来满足不同的页面打印需求。不论是整体打印还是局部打印，甚至是分页和自定义打印区域，都有相应的解决方案。通过适当的技术组合，我们可以创建出高效且用户体验良好的打印功能。
