如何從第二個打印頁面開始打印網頁頁腳？

我正在嘗試使用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>

來源

2012-06-29 user1033038

請發佈與問題相關的代碼。理想情況下，**除了問題主體本身的代碼之外，還請添加[jsFiddle.net/api/post/jquery/1.7.1/]您問題的示例。它會幫助我們幫助你。 –

已更新帖子 – user1033038

頁腳仍然出現在所有頁面上。我現在生成的文檔共有4頁 – user1033038

隱藏第一頁

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

的頁腳通過方式，你不應該使用id='print-footer'，因爲它看起來不止一次。使用class='print-footer'並更換#以點.在你的CSS

編輯：添加另一個變量來跟蹤的網頁。如果需要，也可以將其用作頁碼。在this jsfiddle

對於第一種解決方案一個簡單的示例來看看如何：

打印

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第一個print-footer被隱藏

來源

2012-06-29 07:39:41

什麼決定了第一個印刷頁面？我建議通過'else'語句使用'height：0％'來解決'if'語句的問題，但這不起作用。 – arttronics

已經嘗試了以上。雖然不起作用 – user1033038

用另一個可能的解決方案更新了答案 –

如何從第二個打印頁面開始打印網頁頁腳？

回答

相關問題