Javascript 在打印预览中打开另一页或图像

我正在尝试创建一个打印机友好的页面。 我们已经使用第三方软件对其进行了分类，该软件可以对页面进行快照并输出图像文件。现在我们已经创建了一个指向图像页面的链接，并希望创建一个直接打开打印预览的javascript

我发现了两个Java脚本，第一个在新页面中打开，另一个打开打印预览。这些都可以在IE9上使用。我需要将这两个Java脚本结合起来：-）

我尽我所能把它们结合起来，但没有成功。。 我能从大师那里得到一些帮助吗？：-）

第一个脚本：

    function printpage(url)
{
  child = window.open(url, "", "height=1, width=1");  //Open the child in a tiny window.

  window.focus();  //Hide the child as soon as it is opened.
  //child.print();  //Print the child. <-- I need this to call PrintPreview()
  child.close();  //Immediately close the child.
 }

函数打印页（url）
{
child=window.open（url，“，“height=1，width=1”）；//在一个小窗口中打开子窗口。
window.focus（）；//打开子对象后立即将其隐藏。
//child.print（）；//打印子元素。您只需为要打印的元素指定一个特殊id，并使用css按您想要的方式对其进行样式设置。然后，您可以使用

window.print();

一个好的技巧是在显示打印视图之前（通过ajax调用？）用所需的信息填充可打印div，在打印视图显示之后清除可打印div

你可以在这个帖子中找到建议：通过并行2ne回答

这是一个纯css版本

您好，谢谢您的回答，DeKay。但是，我们要打印的页面是一个图像，因此我们没有放置CSS的灵活性。它只是一个PNG文件。如果我们可以将url传递给第二个函数（PrintPreview（）），上面的javascript将是一个完美的解决方案
window.print();

<div class="example-screen">You only see me in the browser</div>

<div class="example-print">You only see me in the print</div>

.example-print {
    display: none;
}
@media print {
   .example-screen {
       display: none;
    }
    .example-print {
       display: block;
    }
}