Fatal编程技术网
  • javascript/
  • Javascript 使用Window.Print打印HTML页面

Javascript 使用Window.Print打印HTML页面

javascript jquery html css angularjs

Javascript 使用Window.Print打印HTML页面,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,我从很久以前就一直在努力完成这件事。我有一个几乎没有图标的HTML页面，单击“打印”后，我希望打印包含图标的页面 我按照报告中建议的解决方案做了 但在这方面，我无法加载图标，页面格式也变得混乱。关于如何在点击时打印页面而不必处理已格式化/样式化的页面的任何建议 该应用程序有一个cshtml文件，其中引用了样式和图标，在我创建的每个html页面中都不需要引用这些样式和图标。因此，当我调用window.print（）时，不会加载样式，因为我要打印的特定div不会加载调用操作的图标。我的问题是，在为整

我从很久以前就一直在努力完成这件事。我有一个几乎没有图标的HTML页面，单击“打印”后，我希望打印包含图标的页面

我按照报告中建议的解决方案做了

但在这方面，我无法加载图标，页面格式也变得混乱。关于如何在点击时打印页面而不必处理已格式化/样式化的页面的任何建议

该应用程序有一个cshtml文件，其中引用了样式和图标，在我创建的每个html页面中都不需要引用这些样式和图标。因此，当我调用
window.print（）
时，不会加载样式，因为我要打印的特定
div
不会加载调用操作的图标。我的问题是，在为整个应用程序定义一次样式的情况下，如何调用
window.print（）

这是一个非常大的应用程序，每个页面都没有
标题
或
标题
或
正文
。每个页面都有一组
div
，样式表在一个公共文件中声明。这种方法还能用吗？当然，你可以把打印的页面想象成html页面，在那里你可以写瓷砖、模板或其他东西，每次你只是明智地更改内容和编写css。你给出的解决方案并不能解决我一直面临的问题。我有一个cshtml文件，其中定义了所有样式，并提到在js文件中没有拉我的样式/图标，我想加载点击。一旦你得到了新的标签，有一切打印检查html结构在那里，并编写相应的css。此外，默认情况下，浏览器的背景图形被禁用并启用它们。检查我在上面更新的答案中添加的plnkr。它是一个非常大的应用程序，每个页面都没有
标题
或
正文
。每个页面都有一组
div
，样式表在一个公共文件中声明。这种方法还能用吗？当然，你可以把打印的页面想象成html页面，在那里你可以写瓷砖、模板或其他东西，每次你只是明智地更改内容和编写css。你给出的解决方案并不能解决我一直面临的问题。我有一个cshtml文件，其中定义了所有样式，并提到在js文件中没有拉我的样式/图标，我想加载点击。一旦你得到了新的标签，有一切打印检查html结构在那里，并编写相应的css。此外，默认情况下，浏览器的背景图形被禁用并启用它们。检查我在上述更新答案中添加的plnkr。 
var win = window.open('','printwindow');
    win.document.write('<html><head><title>Print it!</title><link rel="stylesheet" href="http://localhost:8080/fin/pcd/css/printlib.css" type="text/css" /><link rel="stylesheet" href="css/main.css" type="text/css" /></head><body>');
    win.document.write($("#"+divid+"key").html());
    win.document.write($("#"+divid2+"line").html());
    win.document.write('<div class="testPrint"></div><script>;</script></body></html>');
    win.print();

Check below image on how to enable background graphics in chrome: