如何使用Javascript弹出一个新窗口，其窗口与其父窗口几乎相同

Question

我想从一个页面创建多个版本的可打印页面。 我正在考虑这样做：在原始页面上放置几个按钮，然后单击一个按钮将弹出一个与其父窗口具有相同html的新窗口，但需要进行一些修改（例如，将某些DIV的显示属性设置为没有）。

有可能使用javascript来做到这一点？

Answer 1

您可以将其他参数传递到当前页面的URL并在新窗口中打开它，如下所示：

window.open(document.location.href + "?print=true");

然后，您可以在JavaScript中读取URL参数并执行必要的隐藏和CSS更改以使文档打印友好。

说到：为什么不使用一个只打印的CSS为你做这个？ 然后，您需要在代码中执行的操作是：

window.print（）;

在你的文件中HEAD：

<link rel="stylesheet" href="yourcssfile.css" media="print" /> 

CSS将确保页面看起来像您想要打印的方式。 有关在CSS中打印的详细信息，请参阅此文章 。

Answer 2

是的，可以将javascript代码设置为此，例如：

window.open('myPage.html')

getElementById('<someid>').style.display = none

但是，您可能希望查看CSS打印样式表，它允许使用CSS来指定div隐藏和诸如此类的东西。 它的优点是不会强制用户打开弹出窗口而不会在服务器上进行第二次页面加载。 我发现这篇文章是一个开始的好地方。

基本上，要添加打印样式表，您需要设置如下链接：

<link rel="stylesheet" type="text/css" media="print" href="myPrintStyles.css"/>