javascript 打印后关闭窗口 - Javascript (1)

📌 相关文章

📜 javascript 打印后关闭窗口 - Javascript (1)

📅 最后修改于: 2023-12-03 15:31:42.983000 🧑 作者: Mango

JavaScript打印后关闭窗口

在网页中，我们经常需要打印某些内容，让用户可以保存或者备份。本文将介绍如何在JavaScript中打印后关闭窗口。

打印内容

打印网页内容可以使用window.print()方法。该方法会弹出打印对话框，用户可以选择打印机并设置打印选项。

function printPage() {
  window.print();
}

关闭窗口

要在打印后关闭窗口，我们可以使用window.close()方法。但是需要注意的是，该方法只能在使用window.open()打开的窗口中使用，并且需要用户授权关闭窗口。

通常我们会先执行打印操作，等待打印对话框弹出后再关闭页面。可以使用setTimeout()来控制时间。

function printAndClose() {
  window.print();
  setTimeout(function() {
    window.close();
  }, 1000); // 延迟1秒后关闭窗口
}

注意，在部分浏览器中，window.print()方法是异步的，即打印对话框可能不会立即打开。所以我们需要等待一段时间再关闭窗口。

示例

下面的示例演示了如何使用JavaScript在打印后自动关闭窗口。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JavaScript打印后关闭窗口</title>
  <script>
    function printAndClose() {
      window.print();
      setTimeout(function() {
        window.close();
      }, 1000); // 延迟1秒后关闭窗口
    }
  </script>
</head>
<body>
  <h1>JavaScript打印后关闭窗口示例</h1>
  <p>点击下面的按钮可以打印并关闭本窗口。</p>
  <button onclick="printAndClose()">打印并关闭</button>
</body>
</html>

总结

以上就是JavaScript打印后关闭窗口的介绍。通过使用window.print()和window.close()方法，我们可以在网页中实现打印并关闭窗口的功能。