js怎么在打印的时候动态添加页面标题以及logo呢

Question

js怎么在打印页面的时候动态添加页面标题以及logo呢

我现在是打印之前动态添加html到要打印的内容之前, 但是这样原页面就会显示了, 有没有不显示出来还能打印的方法

注: 打印机打印页面的打印

Answer 1

你的方法是控制html，那么在打印后移除就可以了，除了直接控制html，还可以使用css控制html，比如打印前为body添加print类，打印后移除print类，在css中使用print类控制部分html的不同，或者直接使用css的媒体查询控制

@media print {
    biaoti{
        
    }
    ...
}

Answer 2

打印标题：

console.log(document.title)

打印 logo：

console.log(document.head.querySelector('link'))

Answer 3

window.onbeforeprint = () => {console.log("=========")}
window.onafterprint = () => {console.log("=========")}