html+js实现批量打印分页打印的效果

最新推荐文章于 2024-07-31 17:50:19 发布

hai7425

最新推荐文章于 2024-07-31 17:50:19 发布

阅读量1k

点赞数

文章标签： html javascript

本文链接：https://blog.csdn.net/hai7425/article/details/132017059

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript"> 
  function doPrint() { 
   bdhtml=window.document.body.innerHTML; 
    sprnstr="<!--startprint-->"; 
    eprnstr="<!--endprint-->"; 
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); 
    window.document.body.innerHTML=prnhtml;
    window.print(); 
} 
</script>
</head>
  
<body>
<button type="button" onclick="doPrint()">打印</button>
<!--startprint--><!--注意要加上html里star和end的这两个标记，之前没加，一直没效果，谁叫咱们菜呢~-->
<div  style="page-break-before:always;"><br />
<h1>打印标题</h1>
<p>打印内容~~</p>
</div>
<div  style="page-break-before:always;"><br />
<p>1</p>
<p>2</p>

<h1>打印标题</h1>
<p>打印内容~~</p>
</div>
<!--endprint-->
</body>
</html>