在JavaScript中，有时我们需要实现客户端的HTML打印功能，并且希望去除默认的页眉和页脚，以提供更干净、定制化的打印输出。本文将详细介绍如何通过JS实现在客户端打印HTML内容并移除页眉和页脚。
了解`print()`方法。`print()`是JavaScript内置的一个方法，它用于触发浏览器的打印功能，展示当前窗口或指定内容的打印预览。用户可以通过浏览器的打印对话框选择取消或定制打印设置，如页边距、纸张方向等。
要实现客户端打印HTML并去掉页眉和页脚，我们需要关注两个主要方面：CSS样式和针对IE浏览器的特殊处理。
1. **CSS样式**：
为了去除打印时的页眉和页脚，我们可以使用`@media print`规则来定义只在打印时应用的CSS样式。在HTML的`<head>`标签内添加以下样式：
```html
<style media="print">
@page {
size: auto; /* 自适应页面大小 */
margin: 0mm; /* 去除页边距 */
}
</style>
```
这段代码会确保在打印时，页面没有默认的页边距，从而避免了页眉和页脚的出现。
2. **针对IE浏览器的特殊处理**：
Internet Explorer（IE）浏览器使用不同的机制来处理页眉和页脚。在非IE浏览器中，上面的CSS方法通常已经足够。但在IE中，我们需要使用注册表来清除页眉和页脚。在JavaScript中，我们可以使用ActiveXObject与Windows注册表进行交互。添加以下JavaScript函数：
```javascript
function remove_ie_header_and_footer() {
var hkey_path;
hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
try {
var RegWsh = new ActiveXObject("WScript.Shell");
RegWsh.RegWrite(hkey_path + "header", "");
RegWsh.RegWrite(hkey_path + "footer", "");
} catch (e) {}
}
```
这个函数会在打印前修改注册表项，清空页眉和页脚的值。注意，这种方法只对IE浏览器有效，对于其他浏览器，如Chrome、Firefox、Edge等，可能不会产生效果。
我们需要一个触发打印的按钮，例如：
```html
<button onclick='print_page()'>打印</button>
```
并定义`print_page()`函数来调用上述逻辑：
```javascript
function print_page() {
if (!!window.ActiveXObject || "ActiveXObject" in window) { // 检查是否为IE
remove_ie_header_and_footer();
}
window.print(); // 触发打印
}
```
这个例子中的HTML结构包括一个`.printBox`类的div，作为要打印的内容，以及一个按钮，当点击按钮时，会调用`print_page()`函数，实现无页眉和页脚的打印。
总结，通过结合CSS的`@media print`规则和针对IE浏览器的注册表操作，我们可以有效地在客户端打印HTML内容时去除页眉和页脚。请注意，这种方法可能不适用于所有浏览器，特别是那些不支持ActiveXObject的现代浏览器。在实际应用中，应考虑兼容性和用户体验，确保在不同浏览器下都能得到预期的打印效果。
