js：打印页⾯且⾃定义页眉页脚1，下载jqprint.js，如果报错，可能是jquery的版本太低了。
  解决：1，更换jquery
    　2，或者引⼊ jquery-migrate.min.js
<input type="button" id="printtest" value="打印" onclick="printtest()">
<div id="printcontent">
<div>test</div>
<div>test</div>
<div>test</div>
</div>
<script>
  function printtest(){
  $('#printcontent').jqprint()
}
</script> 
实际上jqprint.js，还是调⽤window.print()
2，⾃定义页眉页脚
<input type="button" id="printtest" value="打印" onclick="printtest()">
<div id="printcontent">
<div class='header-test'>页眉</div>
<div class='footer-test'>页脚</div>
<table>
<thead>
<tr><td><div class='header'></div><td></tr>
</thead>
<tbody>
<tr><td>
<div>test</div>
<div>test</div>
<div>test</div>
<td></tr>
</tbody>
<tfoot>
<tr><td><div class='footer'></div><td></tr>
</tfoot>
</table>
</div>
在写css之前先了解⼀下⾯的知识：
css3 媒体查询 @media
@media 查询：可以针对不同媒体类型定义不同的样式
媒体类型：
all：⽤于所有设备
print：⽤于打印机和打印预览
screen：⽤于屏幕显⽰
...
这⾥就简单介绍上⾯⼏个。
www.runoob/cssref/css3-pr-mediaquery.html
<style>
  @media print {
    .header-test,.header,
    .footer-test,.footer {
        height:100px
    }
    .header-test {
      position:fixed;
      top:0
    }
    .footer-test {
      position:fixed;
      bottom:0
    }
    thead {
      display: table-header-group;
      }
    tfoot {
      display: table-footer-group;
    }
  　-------分界线(上⾯就可以实现每页上都有页眉页脚了)-------------       
    #printtest {
javascript登录注册界面      display:none;
    }
    .header-test,.footer-test {
      display:block;
    }
}
# ⽹页上隐藏⾃定义的页眉页脚，打印时才显⽰
@media screen {
    #printtest {
      display:block;
    }
    .header-test,.footer-test {
      display:none;
    }
  }
</style>
注：不过这种⽅式，只适合⾕歌浏览器，测试过搜狗、ie都有些问题。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。