打印HTML页面

无效格式

已于 2022-03-15 09:57:09 修改

阅读量394

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： html 前端

于 2021-11-23 19:58:16 首次发布

本文链接：https://blog.youkuaiyun.com/m0_46466194/article/details/121501263

js 专栏收录该内容

2 篇文章

订阅专栏

这篇博客展示了如何使用JavaScript来打印HTML页面中的特定区域。通过创建新窗口，将指定<div>内的内容写入，然后调用打印方法，实现了只打印用户关注的部分，而不是整个页面。这对于简化打印体验非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打印HTML页面

代码：

<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js print打印网页指定区域内容的简单实例</title>
</head>
<body>
  <div id="print">
    <hr>
      打印演示区域,点击打印后会在新窗口加载这里的内容！
    <hr>
  </div>
  <button onclick="print()">print</button>
</body>
<script>
function print(){
      var obj = document.getElementById('print');
      var newWindow = window.open("打印窗口","_blank");
      var content = obj.innerHTML;
      newWindow.document.write(content);
      newWindow.document.close();
      newWindow.print();
      newWindow.close();
}
</script>
</html>