html页面打印功能的js代码怎么写

涛哥
Html代码

以下是一个简单的JavaScript打印HTML页面的示例代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>打印页面示例</title>
    <script type="text/javascript">
      function printPage() {
        window.print();
      }
    </script>
  </head>
  <body>
    <h1>打印页面示例</h1>
    <p>这是一个用于演示打印功能的页面。</p>
    <button onclick="printPage();">打印页面</button>
  </body>
</html>

在上面的html打印示例代码中，printPage()函数使用window.print()方法打印当前页面。页面上的“打印页面”按钮被点击时，会调用该函数进行打印操作。

需要注意的是，window.print()方法是浏览器提供的打印功能，因此打印的样式和布局可能与网页上的展示略有不同。如果想要更精细的打印效果，可以考虑使用专业的打印工具或第三方库。

 
  • 打印功能