JS 使用 window对象的print方法css实现分页打印

最新推荐文章于 2025-06-28 09:11:14 发布

相信自己Justin

最新推荐文章于 2025-06-28 09:11:14 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web

本文链接：https://blog.youkuaiyun.com/qq_34207892/article/details/79081889

web 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种利用JavaScript和CSS实现网页内容分页打印的方法。通过在需要分页的元素上设置'page-break-after:always'样式属性，并结合window.print()方法，可以轻松实现网页内容的分页打印。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS 使用 window对象的print方法css实现分页打印

我们只要在需要分页的元素上加上css:'page-break-after:always' 由于实现起来比较简单就直接上代码了哈。

    <table width="757" height="174" border="0" align="center" cellpadding="0" cellspacing="0" tyle="page-break-after:always">  
 <tr class="noprint">  
  <td height="133" align="center" valign="top">  
  ...  
 </tr>  
</table>  

<script>
function Print(){
    window.print();//打印
    window.opener.location.reload();
}
</script>