首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【前端】使用window.print() 前端实现网页打印详细教程(含代码示例)

    虽然浏览器提供了自己的打印预览和打印功能,但使用 JavaScript 的 window.print() 方法可以更灵活地控制打印内容和样式。...本文洲洲将详细介绍如何使用 window.print() 方法实现网页打印,并提供代码示例。...2、JavaScript 捕获事件并调用 window.print() 方法。 3、浏览器显示打印预览窗口,用户可以设置打印选项并打印。 print() 方法用于打印当前窗口的内容。...media print { @page { margin: 0; } body { margin: 1cm; } } 三、示例代码打印方法 在utils下新建print.js...img.addEventListener("error", check); }) }); } 引入print文件,传入需要打印的DOM元素即可: import printHtml from "@/utils/print.js

    1.6K31

    浏览器分页静默打印

    最简单的做法就是直接打印整个网页,在浏览器直接打印或者调用window.print()。 这样就能将当前页面整个打印出来了。...一、如何自定义打印 Google 一下就能能网上找到与很多与自定义打印相关的 js 库。 这些打印 js 库各有其优缺点,这里不做分析和评价。...这里介绍两个最简单的方法: 方法一:直接调用window.print()。 调用之前将不需要被打印的元素先通过display: none隐藏掉,当打印执行完毕再将其显示display: block。...– 四、静默打印 前面我们都是调用的浏览器自带的打印能力,即 window.print()方法触发的浏览器预览打印。这种方式非常简单,接入也不麻烦。...通过各种途径了解到,这是无法实现的,至少纯“前端”,通过浏览器端的 js 无法实现。 那就没有办法了吗? 当然有,那就是自己开发一个打印控件。

    57310

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券