JavaScript로 인쇄 작업을 구현하는 방법

JavaScript에서는 Window 개체의 print() 메서드를 사용하여 "window.print()" 구문 형식으로 인쇄 작업을 구현할 수 있습니다. print() 메소드는 현재 창의 내용을 인쇄하는 데 사용됩니다. print() 메소드를 호출하면 사용자가 인쇄 요청을 설정할 수 있는 인쇄 미리보기 팝업 상자가 생성됩니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

현재 페이지의 지정된 요소에 있는 내용을 인쇄합니다.

window.print()를 직접 사용합니다.

먼저 해당 요소의 html 내용을 가져옵니다. (스타일이 있는 경우 인라인 스타일을 사용하는 것이 좋습니다.) )

var newstr = document.getElementById(myp).innerHTML;//得到需要打印的元素HTML

현재 페이지의 전체 HTML을 저장합니다. window.print() 인쇄 작업은 현재 페이지의 모든 내용을 인쇄하므로 나중에 쉽게 복원할 수 있도록 현재 페이지를 먼저 저장하세요.

var oldstr = document.body.innerHTML;//保存当前页面的HTML

현재 페이지를 인쇄 콘텐츠 HTML로 교체

document.body.innerHTML = newstr;

인쇄 작업 수행

window.print();

현재 페이지 복원

document.body.innerHTML = oldstr;

방법 예:

//myp为需要打印的元素ID
function printpage(myp){   
var newstr = document.getElementById(myp).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = newstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}

[추천 학습: javascript 고급 튜토리얼]

위 내용은 JavaScript로 인쇄 작업을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!