이 기사는 주로 단일 페이지 인쇄 및 웹 페이지 일괄 인쇄 구현 방법을 공유합니다.
인쇄 이벤트: window.print()
1. 단일 페이지 인쇄(레이아웃 인쇄):
function printCnt(){
//1.获取当前页的html代码
var body = window.document.body.innerHTML;
//2.要打印的部分（#print里面的内容就是要打印的内容）
window.document.body.innerHTML =document.getElementById("print").innerHTML;
window.print();
window.document.body.innerHTML = body;
//重新载入当前文档:
location.reload();
}
注意：location.reload();要加，因可解决JS window.print()第二次点击事件失效问题2. 일괄 인쇄
참고:
(1) 페이지 나누기 제어: 항상
참고: 테이블, 플로팅 요소 및 테두리가 있는 블록 요소에서 페이징 속성을 사용하지 마세요
(2). 왜곡을 방지하려면 각 페이지의 콘텐츠에 높이를 추가하세요
<p id="printcnt"> <p id="page1" style="height：300px;page-break-after:always" >报告单1</p> <p id="page2" style="height：300px;page-break-after:always" >报告单2</p> </p>
(3) CSS 스타일이 그렇지 않은 경우 인쇄용으로 로드된 경우 다음을 추가하세요. var printStr='';
var printHead = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'>" +"<link rel='stylesheet' type='text/css' href='css/printcss.css'></head><body>"; var printCnt='打印的内容'; printStr = printHead + printCnt;
(4). window.open("showPrint.html","print")를 사용하여 미리보기 페이지를 인쇄하는 경우
printStr = printHead + printCnt;
//如果是本地测试，需要先新建Print.html，如果是在域中使用，则不需要
var pwin=window.open("showPrint.html","print");
pwin.document.write(printStr);
pwin.document.close();//这个是必须的
注意：pwin.document.close(); 可以关闭showPrint.html的页面，使其第二次打印的时候不会跳转到showPrint.html관련 권장 사항 :
자바스크립트를 사용하여 페이지 인쇄를 구현하는 세 가지 방법_일반적인 특수 효과
javascript 부분 페이지 인쇄 구현 코드_javascript 기술
js 또는 jquery를 사용하여 페이지 인쇄 및 부분 인쇄_javascript 기술을 구현합니다
위 내용은 웹 페이지의 단일 페이지 인쇄 및 일괄 인쇄 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
