如何通过JS的window.print()方法实现网页打印操作?

更新于
2026-09-23 13:33:01
1阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计2348个文字,预计阅读时间需要10分钟。

如何通过JS的window.print()方法实现网页打印操作?

目录前言

一、print()方法

二、打印样式

1.使用打印样式表

2.使用媒体查询

3.使用内联样式

4.在CSS中使用@import引入打印样式表

三、打印指定区域内容

1.方法一

2.方法二

3.方法三

目录
  • 前言
  • 一、print()方法
  • 二、打印样式
    • 1.使用打印样式表
    • 2.使用媒介查询
    • 3.内联样式使用media属性
    • 4.在css中使用@import引入打印样式表
  • 三、打印指定区域部分内容
    • 1.方法一
    • 2.方法二
    • 3.方法三
  • 四、强制插入分页
    • 五、设置打印布局(横向、纵向、边距)
      • 六、去除浏览器默认页眉页脚
        • 七、打印方法封装

          前言

          print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容,我们可以在MDN上查看到相关的简单介绍。

          阅读全文

          本文共计2348个文字,预计阅读时间需要10分钟。

          如何通过JS的window.print()方法实现网页打印操作?

          目录前言

          一、print()方法

          二、打印样式

          1.使用打印样式表

          2.使用媒体查询

          3.使用内联样式

          4.在CSS中使用@import引入打印样式表

          三、打印指定区域内容

          1.方法一

          2.方法二

          3.方法三

          目录
          • 前言
          • 一、print()方法
          • 二、打印样式
            • 1.使用打印样式表
            • 2.使用媒介查询
            • 3.内联样式使用media属性
            • 4.在css中使用@import引入打印样式表
          • 三、打印指定区域部分内容
            • 1.方法一
            • 2.方法二
            • 3.方法三
          • 四、强制插入分页
            • 五、设置打印布局(横向、纵向、边距)
              • 六、去除浏览器默认页眉页脚
                • 七、打印方法封装

                  前言

                  print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容,我们可以在MDN上查看到相关的简单介绍。

                  阅读全文