经典打印代码分享：网页打印优化与预览功能

"这篇经典打印代码是一个HTML页面，包含了JavaScript和CSS，用于控制网页的打印预览和打印功能。" 该资源主要涉及以下知识点： 1. **CSS媒体查询（Media Queries）**： CSS中的`@media print`是媒体查询的一部分，它允许我们根据设备或打印媒介指定不同的样式。在这个例子中，`.print`类会在打印时显示，而`.notPrint`类的元素则会被隐藏，确保在打印时只显示必要的内容。 2. **JavaScript函数**： - `preview()`函数：这个函数首先获取整个文档的innerHTML，然后定位并提取出`<!--startprint-->`和`<!--endprint-->`之间的内容，这部分内容是需要打印的部分。接着，它将这个提取的内容替换回文档的innerHTML，最后调用`window.print()`来启动打印操作。这样做的目的是在打印前仅显示需要打印的区域，提高打印的准确性。 - `window.print()`：这是JavaScript内置的函数，用于启动浏览器的打印对话框，让用户可以选择打印当前页面。 3. **HTML注释**： 使用`<!--startprint-->`和`<!--endprint-->`作为标记，可以方便地在HTML代码中标识出需要在打印时显示的内容。这种方法在不支持CSS媒体查询的老版本浏览器中很有用，或者在需要兼容性处理时。 4. **ASP.NET DataGrid控件**： 在HTML代码中，可以看到一个ASP.NET的`DataGrid`控件，这通常用于显示数据库或其他数据源的数据。在打印场景中，这可能意味着用户可以打印表格形式的数据。 5. **HTML表单和按钮**： 页面包含一个HTML表单，其中有两个按钮，一个用于预览打印（触发`preview()`函数），另一个直接打印（触发`window.print()`）。按钮的样式和行为通过JavaScript事件监听器（如`onclick`）来定义。 6. **链接到外部资源**： 提供的链接（http://www.liehuo.net/a/200911/1610679.html）可能是原始文章的来源，可能包含了更多关于这个打印代码的上下文或解释。 这个资源提供了一个实用的网页打印解决方案，结合了CSS和JavaScript，使得用户能够有选择地打印网页内容，同时提供了预览和直接打印的功能。对于需要自定义网页打印体验的开发者来说，这是一个有价值的例子。