Question

我正在尝试使用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>

Answer 1

在第一页上隐藏页脚

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

顺便说一下，你不应该使用id='print-footer'，因为它看起来好像不止一次出现。使用class='print-footer'并将#替换为css中的点.

编辑：添加另一个变量以跟踪网页。如果需要，您也可以将它用作分页编号。

创建用于打印的全局

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++;
}

<强> EDIT2：

第一个解决方案是this jsfiddle中的一个简单示例，用于查看隐藏第一个print-footer的方式

如何从第二个打印页面开始打印网页页脚？

1 个答案: