1

我正在尝试使用 HTML 打印页面的页脚。但是，我需要页脚仅从第二页开始。生成的页数因文档而异。到目前为止，它要么出现在每一页中，要么出现在页面的末尾。

JavaScript： 

if (lineNo > 35) {
    content += "<div id='print-footer' width=100%>";
    content += "<table cellspacing=0 cellpadding=0 width=100% border=0>";
    content += "<tr><td style='font-family: Times New Roman; font-size:12px;'>Ref No.: " + tranId + "</td></tr>";
    content += "</table>";
    content += "</div>";
}

HTML： 

<style type="text/css" media="print">

  div#print-footer {
    position: fixed;
    right: 14px;
    bottom: 0;
    background-color: white
  }

</style>
4

1 回答 1

0

隐藏第一页的页脚

div#print-footer:nth-of-type(1) {
     ... css for hiding the footer
}

顺便说一句，您不应该使用id='print-footer'它，因为它看起来不止一次出现。在您的 CSS 中使用class='print-footer'并用#点替换.

编辑：添加另一个变量来跟踪页面。如果需要，您也可以将其用作页码。

创建一个用于打印的全局

pageNo = 1;

并省略第一页的页脚

if (lineNo > 35) {
  if (pageNo > 1) {
    content += "<div id='print-footer' width=100%>";
    content += "<table cellspacing=0 cellpadding=0 width=100% border=0>";
    content += "<tr><td style='font-family: Times New Roman; font-size:12px;'>Ref No.: " + tranId + "</td></tr>";
    content += "</table>";
    content += "</div>";
  }
  pageNo++;
}

编辑2：

对于第一个解决方案，这个 jsfiddle中的一个简单示例可以查看第一个print-footer是如何隐藏的

于 2012-06-29T07:39:41.587 回答