Javascript 自定义HTML页面的打印页眉/页脚输出

有没有一种方法可以自定义打印在每个HTML页面的页眉和页脚上的文本，在页眉和页脚上打印页码、URL、日期等？如果选择从打印选项打印页眉和页脚

使用AD/tfoot和固定定位div在每个打印页面上显示页眉和页脚的其他解决方案在Chrome上似乎不起作用

以下是google.com打印预览中突出显示的打印页眉和页脚： 试试这个：

并将.print类添加到相应的元素中。

尝试以下操作：

---

并将.print类添加到适当的元素。

我知道如何为页面上的元素设置不同的打印样式。我用一张图片更新了这个问题，让自己更清楚。我知道如何在页面上为打印元素设置不同的样式。我用图片更新了这个问题，让自己更清楚。

@media screen {
  .print {
      display: none;
  }
}

@media print {
  .print {
      display: block;
  }
}