JS自定义打印网页内容(详细全面)

news/2024/7/24 11:33:42 标签: javascript, vue.js, 开发语言

在这里插入图片描述

浏览器自身打印 (不在赘述,重点是讲述打印自定义的几种方法与常见的问题)

  • 使用 window.print() 调起浏览器自带的打印预览弹框打印
  • 默认会打印 body 里面所有内容
javascript">const handlePrintPdf = () => {
   
  window.print();
}

方式一:通过 iframe 打印部分区域

动态创建一个不可见的 iframe, 将需要打印的 dom 节点插入 i


http://www.niftyadmin.cn/n/453256.html

相关文章

众安科技:一套成熟的it自动化运维系统应该具备哪些特点

随着企业信息化程度的提升和IT环境的复杂化,IT运维工作变得越来越重要。为了提高效率、降低风险,许多企业开始关注和采用自动化运维系统。然而,一套成熟的IT自动化运维系统应该具备哪些特点呢?本文将探讨这一话题,并介…

Mysql 常用SQL语句-2023

Mysql 常用SQL语句-2023 一 、创建数据库 / 表 命令二、修改表的命令三、对数据的操作(增删改查,排序,分组)四、多表联合查询五、DCL 数据控制语言六、DTL 数据事务语言七,时间操作 一 、创建数据库 / 表 命令 show d…

6月20日,每日信息差

1、中国联通:截至5月“大联接”用户达9.18亿户,5G套餐用户累计达2.3亿户,物联网终端连接累计达4.33亿户;“创新应用”方面,公司5G行业虚拟专网服务客户数5325个 2、谷歌据悉在印度寻找供应商组装Pixel智能手机 3、中…

【安全】awvs使用(二)

目录 一、设置目标 二、设置登录 三、扫描引擎 四、开启扫描 五、扫描结束 六、报告 前言:怎么使用awvs进行扫描出报告呢? 一、设置目标 二、设置登录 因为扫描的网站需要登录的,这里需要设置这个 三、扫描引擎 四、开启扫描 翻译的页面…

chatgpt赋能python:Python描述符详解

Python 描述符详解 Python 中的描述符是一种机制,用于控制属性(attribute)的访问。通过描述符,我们可以在属性被访问或者修改时加入特定的逻辑。 描述符是一个类,其中至少定义了以下三个方法: __get__(s…

memcpy 和 memmove的模拟实现

文章目录 1.函数的介绍 2.模拟实现 文章内容 1.函数的介绍 memcpy指的是C和C使用的内存拷贝函数,函数原型为void *memcpy(void*dest,void*src, size_t count);函数的功能是从源内存地址的起始位置开始拷贝若干个字节到目标内存地址中,即从…

正则表达式(1)

文章目录 正则表达式一.基础命令1.grep命令1.1grep格式1.2grep命令选项 2.特殊的符号2.1空行——^$2.2以什么为开头—^,以什么为结尾—$2.2.1以什么为开头的格式:2.2.2以什么为结尾的格式: 3.只匹配单行——^匹配的字符$ 二.文本处理命令1.sort命令1.1命…

Android蓝牙协议知识汇总

蓝牙协议下载 蓝牙技术联盟网址:https://www.bluetooth.com/ 在这个网址搜索,比如: 在搜索结果中找到蓝牙协议规范: 点击上面网址: 蓝牙手册里包含了部分核心协议,比如L2CAP、SDP、ATT、GATT&#x…