本文介绍了仅在页脚部分打印最后一页底部的页脚的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图仅在打印预览的页脚部分将页脚粘到最后一页的底部
页面内容是动态的所以我不知道哪个是我的最后一页。
我已经尝试了以下代码，它使页脚出现在预览的最后一页但不在页脚部分最后一页。当前页脚部分打印在第2页，紧邻主体部分，但我想在页脚部分的第2页打印页脚部分
我的尝试：
I am trying to make footer stick to the bottom of the very last page only at the footer section of the print preview
The page content is dynamic so i dont know which is my last page.
I have tried the below code and it makes the footer appears at the last page of the preview but not in footer section of the last page.currently the footer section prints at the page 2 which is immediate next to the body section but i want footer section to be printed at page 2 of the footer section
What I have tried:
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js"> </script>
<script language="javascript" type="text/javascript">
function printDiv(divID) {
//Get the HTML of div
var divElements = document.getElementById(divID).innerHTML;
//Get the HTML of whole page
var oldPage = document.body.innerHTML;
//Reset the page's HTML with div's HTML only
document.body.innerHTML =
"<html><head><title></title></head><body>" +
divElements + "</body>";
//Print Page
window.print();
//Restore orignal HTML
document.body.innerHTML = oldPage;
}
</script>
</head>
<body>
<button onclick="myFunction()"> Print this page</button> <input type="button" value="Print 1st Div" onclick="javascript:printDiv('printablediv')" /> >
<script>
function myFunction() {
window.print();
}
</script>
<div id="printablediv">
<table>
<thead>
<tr style="height:30px;"> <th> PAGE HEADER</th> </tr>
<thead>
<tfoot> <tr> <td id="spacer" style="height:200px;"> </td> </tr> </tfoot>
<tbody>
<tr>
<td>
content<br> content<br> content<br> content<br> content<br> content<br>
content<br> content<br> content<br> content<br> content<br> content<br>
content<br> content<br> content<br> content<br> content<br> content<br>
content<br> content<br> content<br> content<br> content<br> content<br>
content<br> content<br> content<br> content<br> content<br> content<br>
content<br> content<br> content<br> content<br> content<br> content<br>
content<br> content<br> content<br> content<br> content<br> content<br>
content<br> content<br> content<br> content<br> content<br> content<br>
</td>
</tr>
</tbody>
</table>
<div id="footer" style="position:relative; bottom: 0;"> Sample </div>
</div>
</body>
</html>推荐答案
这篇关于仅在页脚部分打印最后一页底部的页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！