在前端开发中，经常需要使用JavaScript控制浏览器窗口和打印页面。其中，print()函数可以用来弹出打印对话框，并允许用户选择打印机和打印设置。然而，在Chrome浏览器中，当用户关闭新打开的窗口或标签页时，会立即取消打印操作，这可能会导致一些问题。
Chrome关闭新窗口或标签而不是取消打印页
假设我们有一个包含按钮的网页，并且单击该按钮将打开一个新窗口并打印该窗口的内容：
------- ----------------------------------- -------- -------- ------------- - --- --- - -------------- -------------------------------------- ------------ - ---------
在Chrome中，当用户在打印对话框中单击“打印”按钮后，如果他们关闭了新窗口或标签页，则打印操作将取消，即使他们已经选择了打印设置和打印机。
这个行为可能会带来一些问题，例如如果用户没有意识到这种情况并且认为打印已经完成，他们可能会再次尝试打印，但是打印对话框不会再次弹出，因为浏览器仍然认为打印操作已经完成了。
JavaScript在父窗口中受阻
使用print()函数进行打印时，JavaScript代码将在弹出的新窗口或标签页中运行。这意味着我们不能在父窗口中执行任何代码，直到用户完成打印并关闭该窗口或标签页。
为了解决这个问题，我们可以在弹出的窗口或标签页中添加一个onunload事件监听器，以便在用户关闭窗口或标签页时通知父窗口：
------- -----------------------------------
--------
-------- ------------- -
--- --- - --------------
--------------------------------------
------------
-- ---------------
------------ - ---------- -
-- -----
----------------------
--
-
---------当用户关闭弹出窗口或标签页时，onunload事件将被触发，并且我们可以在其中执行一些代码来通知父窗口。
总结
在Chrome浏览器中，关闭新窗口或标签页会导致打印操作取消。为了解决这个问题，我们可以在弹出的窗口或标签页中添加一个onunload事件监听器，并在其中通知父窗口。此外，在使用print()函数进行打印时，要记住代码将在新窗口或标签页中运行，因此我们不能在父窗口中执行任何代码，直到用户完成打印并关闭该窗口或标签页。
希望这篇文章能够帮助各位前端开发者更好地控制浏览器窗口和打印页面。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/24969