JavaScript print() 方法

17 Mar 2025 | 4 分钟阅读

在本节中,我们将讨论 JavaScript 语言中的 print() 方法。print() 方法用于打印计算机屏幕上当前可见的内容,如网页、文本、图片等。当我们在 JavaScript 中使用 print() 方法并执行代码时,它会打开一个打印对话框,允许用户或程序员选择打印窗口当前内容的适当选项。

JavaScript print() method

语法

以下语法用于打印窗口的当前内容

在上面的语法中,我们使用 window.print() 方法来打印窗口屏幕上当前可见的内容。

参数:它不包含任何参数。

返回值:window.print() 方法不返回任何内容。

print() 方法支持的浏览器

以下是支持 window.print() 方法的浏览器。

  1. 谷歌浏览器
  2. Internet Explorer
  3. Firebox
  4. Opera
  5. Safari

示例 1:使用 print() 方法打印网页的程序

在此程序中,我们使用 window.print() 方法来打印窗口屏幕上当前可见的内容。

print.html

当我们在任何浏览器上执行上述编程代码时,它会显示如下图像

JavaScript print() method

在上图中,有一个打印按钮。现在我们点击“打印”按钮,它会打开一个打印对话框,显示窗口屏幕的当前可见内容,如下所示。

JavaScript print() method

示例 2:使用 print() 方法打印学生注册表的程序

在此程序中,我们创建一个学生注册表,然后使用 window.print() 方法打印它。

Student.html

当我们在任何浏览器上执行上述编程代码时,它会显示如下图像

JavaScript print() method

现在我们填写学生注册表的所有详细信息,然后点击“打印”按钮,这将显示下图。

JavaScript print() method

点击“打印”按钮后,它会显示 window.print 方法的不同操作。在打印对话框中完成所有设置后,点击“保存”按钮将文件或页面保存在您的系统中。

代码解释:在上面的程序中,我们创建了一个学生注册表,该表有两个按钮:重置按钮和打印按钮。重置按钮用于重置内容,打印按钮用于打印显示的内容。当我们点击“打印”按钮时,一个 onclick 函数将被激活并调用 PrintFun() 函数。现在执行 PrintFun() 函数,其中包含 window.print() 方法来打印窗口屏幕上显示的内容。

结论

我们已经了解了 JavaScript 中的 print() 方法,该方法可以打印窗口屏幕的内容。窗口屏幕的内容可以是文本、图片、广告等。此外,当在 JavaScript 中调用 print() 方法时,它会打开打印对话框。这样,用户或程序员就可以选择在窗口屏幕上打印显示内容的适当选项。