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

我想从一个页面创建多个版本的打印友好页面.我正在考虑以这种方式进行操作：在原始页面上放置几个按钮,然后单击一个按钮将弹出一个新窗口,该窗口具有与其父窗口相同的html,但进行了一些修改(例如,将某些DIV的显示属性设置为没有).

可以使用javascript来做到这一点吗？

解决方法:

您可以将其他参数传递给当前页面的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中打印的更多信息,请参见this article.

标签：popupwindow,javascript
来源： https://codeday.me/bug/20191024/1918348.html