>  기사  >  웹 프론트엔드  >  웹 페이지의 특정 영역을 인쇄하는 JavaScript의 예_javascript 기술

웹 페이지의 특정 영역을 인쇄하는 JavaScript의 예_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:50:041270검색

JavaScript 인쇄 페이지의 div 영역 지정 원리: 브라우저에서 새 페이지(창)를 열려면 window.open()을 사용하고, 지정된 div 영역의 내용을 window.document.write()를 사용하여 새 창 문서, 문서 .close()는 문서를 닫고 window.print()를 사용하여 프린터를 호출하여 현재 문서를 인쇄합니다.

JavaScript 인쇄 기능 myPrint(obj):

코드 복사 코드는 다음과 같습니다.

function myPrint(obj){
//새 창 열기 newWindow
var newWindow=window.open("Print Window","_blank");
//The 인쇄할 div Content
var docStr = obj.innerHTML;
//인쇄 내용은 newWindow 문서에 기록됩니다
newWindow.document.write(docStr);
//문서 닫기
newWindow .document.close ();
//프린터 호출
newWindow.print();
//newWindow 페이지 닫기
newWindow.close();
}

myprint() 호출 방법:

코드 복사 코드는 다음과 같습니다.
myPrint(document.getElementById('printDivID'));

예제 코드:

코드 복사 코드는 다음과 같습니다.
function myPrint(obj){
var newWindow=window.open("Print Window","_blank");
var docStr = obj.innerHTML;
newWindow.document. write(docStr );
newWindow.document.close();
newWindow.print();
newWindow.close();
}

< ;div id ="print">


데모 영역을 인쇄하세요. 인쇄를 클릭하면 여기에 있는 내용이 새 창에 로드됩니다!
<시간 />

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:NextJavascript의 형제는 Trap(keng)_javascript 기술을 사용합니다.다음 기사:NextJavascript의 형제는 Trap(keng)_javascript 기술을 사용합니다.

관련 기사

더보기