当前位置：首页 > 行业动态 > 正文

html中如何实现打印

admin
行业动态
2024-03-31
1

在HTML中，可以使用<print>标签和JavaScript来实现打印功能，以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>打印示例</title>
<script>
function printPage() {
  window.print();
}
</script>
</head>
<body>
<h1>标题1</h1>
<p>这是一个段落。</p>
<h2>标题2</h2>
<table border="1">
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>
<button onclick="printPage()">打印页面</button>
</body>
</html>

在这个示例中，我们使用了<h1>和<h2>标签来创建小标题，使用<table>标签创建了一个单元表格，我们还添加了一个按钮，当用户点击该按钮时，会调用printPage()函数，该函数使用window.print()方法来打印页面。