JavaScript - 页面打印

很多时候,您希望在网页上放置一个按钮,通过实际的打印机打印该网页的内容。 JavaScript帮助您使用 window 对象的 print 函数实现此功能。

JavaScript打印函数 window.print () 执行时打印当前网页。您可以使用 onclick 事件直接调用此函数,如以下示例所示。

示例

请尝试以下操作例如。

在线演示

<html>
   <head>      
      <script type = "text/javascript">
         <!--
         //-->
      </script>
   </head>
   
   <body>      
      <form>
         <input type = "button" value = "Print" onclick = "window.print()" />
      </form>   
   </body>
<html>


输出

虽然它用于获取打印输出,但它不是推荐的方式。打印机友好页面实际上只是一个包含文本,没有图像,图形或广告的页面。

您可以通过以下方式使页面打印机友好:

  • 复制页面并遗漏不需要的文本和图形,然后从原始页面链接到该打印机友好页面。

  • 如果你不想保留页面的额外副本,然后您可以使用适当的评论标记您的可打印文本,例如<!-- PRINT STARTS HERE -->..... <!-- PRINT ENDS HERE -->然后您可以在后台使用PERL或任何其他脚本来清除可打印文本并显示最终打印。我们Tutorialspoint使用此方法为我们的网站访问者提供打印工具。

如何打印页面?

如果在网页上找不到上述设施,则您可以使用浏览器的标准工具栏来打印网页。请点击以下链接。

 File ->  Print -> Click OK  button.