JavaScript 如何打印网页

JavaScript 是世界上最流行的轻量级、跨平台、解释性编程语言，也是用于Web的脚本语言。它提供了动态功能，帮助创建交互式网站。由于现代浏览器都使用JavaScript作为客户端脚本语言，在Web服务器读取源代码、通过互联网传输到客户端计算机并直接在浏览器上运行的过程中，它有助于分析网页的行为。它还用于验证和处理用户事件的功能。JavaScript提供了将当前网页打印为可保存为便携式文档格式的能力。本文将介绍如何使用JavaScript打印网页，并通过示例了解其实现过程。

print() 方法用于打印当前网页的内容，可能包括文本、图像、图形等。如果在加载文档时调用此方法，但在打开打印对话框之前文档已经加载完成，则该方法会被阻塞直到打印对话框关闭。打印对话框打开期间，此方法无法执行。

语法：

window.print();

参数： 这个方法不接受任何参数。

返回值： 它不返回任何值。

方法： 创建一个带有 onClick 事件的按钮，该事件与 printpage() 方法相关联，并在我们想要打印页面时触发。当用户点击按钮时，将调用<script>标签中的printpage()方法，该方法可能包含一些帮助打印页面的代码。然后，将出现一个对话框，其中包含保存文档的选项。

示例： 此示例描述了在JavaScript中使用print()方法打印当前网页的用法。

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>Javascript print() Method</title> 
</head> 
  
<body> 
    <h2>GeeksforGeeks</h2> 
  
    <h4>Javascript print() Method</h4> 
  
    <p> 
        A Computer Science portal for geeks. 
        It contains well written, well thought 
        and well explained computer science and 
        programming articles. 
    </p> 
  
    <button onclick="printpage()" style="color:white; 
                   background-color: red;  
                   font-weight: bold;">Click to Print 
    </button> 
      
    <script> 
        function printpage() { 
            window.print(); 
        } 
    </script> 
</body> 
  
</html>

输出：

JavaScript 如何打印网页