使用Javascript打印动态生成的页面

Print a dynamically generated page using Javascript

本文关键字:Javascript 打印 动态 使用      更新时间:2023-09-26

让我简单明了地说…

  1. 我们在PAGE1中有一个打印按钮

  2. 我们有一个使用json和其他东西生成数据的PAGE2。

  3. 当我点击PAGE1中的按钮时,我们想要打印PAGE2。(使用Javascript/Jquery)

请给出一个实现此功能的想法。

谢谢。

要打印不显示的页面,您需要使用旧的 hack, hidden iframes

如果你在你想要打印的页面上放置一个window.print()的onload调用,那么你可以简单地让你的按钮触发一个隐藏的iframe (1x1)来加载那个页面。您的浏览器将阻止任何XSS尝试,因此导致打印操作的javascript需要在加载的页面上。

或者,子页面通常也可以访问父页面(只要它们在同一域上),所以你也可以让隐藏的子页面一直可用(但隐藏),并让它在父页面上注册一个单击事件侦听器