• JavaScript 视频教程

JavaScript - 页面打印

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

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.