Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 什么';It’只打印文档的某一部分是最简单的方法_Javascript_Css_Printing - Fatal编程技术网

Javascript 什么';It’只打印文档的某一部分是最简单的方法

Javascript 什么';It’只打印文档的某一部分是最简单的方法,javascript,css,printing,Javascript,Css,Printing,我正在尝试仅打印文档的选定区域。我尝试将所选区域/div的内容添加到新窗口并调用window.print,但css出现了问题。因为我的页面有来自多个文件的css,所以我很难再次加载这些css文件 因此,我需要将具有内联样式的选定区域/div内容导出到新文档并打印它们。您可以使用打印媒体类型指定一个CSS文件,该文件仅在打印时应用于页面。您可以隐藏打印CSS文件中所有不必要的元素 首先,如果外部样式表对打印输出弊大于利,您可以通过一个简单的媒体查询将其限制为屏幕媒体: 这样,您的打印样式表可以从一

我正在尝试仅打印文档的选定区域。我尝试将所选区域/div的内容添加到新窗口并调用window.print,但css出现了问题。因为我的页面有来自多个文件的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;}