Javascript 什么';It’只打印文档的某一部分是最简单的方法
我正在尝试仅打印文档的选定区域。我尝试将所选区域/div的内容添加到新窗口并调用window.print,但css出现了问题。因为我的页面有来自多个文件的css,所以我很难再次加载这些css文件Javascript 什么';It’只打印文档的某一部分是最简单的方法,javascript,css,printing,Javascript,Css,Printing,我正在尝试仅打印文档的选定区域。我尝试将所选区域/div的内容添加到新窗口并调用window.print,但css出现了问题。因为我的页面有来自多个文件的css,所以我很难再次加载这些css文件 因此,我需要将具有内联样式的选定区域/div内容导出到新文档并打印它们。您可以使用打印媒体类型指定一个CSS文件,该文件仅在打印时应用于页面。您可以隐藏打印CSS文件中所有不必要的元素 首先,如果外部样式表对打印输出弊大于利,您可以通过一个简单的媒体查询将其限制为屏幕媒体: 这样,您的打印样式表可以从一
因此,我需要将具有内联样式的选定区域/div内容导出到新文档并打印它们。您可以使用打印媒体类型指定一个CSS文件,该文件仅在打印时应用于页面。您可以隐藏打印CSS文件中所有不必要的元素
首先,如果外部样式表对打印输出弊大于利,您可以通过一个简单的媒体查询将其限制为屏幕媒体:
这样,您的打印样式表可以从一个未设置样式的页面开始,而不必重置以前的任何页面
典型的打印样式表隐藏广告,将颜色重置为高对比度颜色,并调整排版-看看HTML5样板
如果“所选区域”是指用户可以决定需要打印的内容,那么您可以通过执行.addClass('print')之类的操作轻松实现这一点代码>到JavaScript处理程序,然后您的打印CSS可以如下所示:
* {display: none;}
.print, .print * {display: block;} /* Or inline, depending on the element */
如果你不在乎我
body :not(.print) {display: none;}