JavaScript에서 DIV 요소의 내용을 효과적으로 인쇄하려면 어떻게 해야 합니까?-JS 튜토리얼-php.cn

JavaScript에서 DIV 요소의 내용을 효과적으로 인쇄하려면 어떻게 해야 합니까?

Patricia Arquette

풀어 주다： 2024-12-06 19:33:18

원래의

600명이 탐색했습니다.

How Can I Effectively Print the Contents of a DIV Element in JavaScript?

DIV 내용 인쇄

웹 개발 영역에서는 지정된 영역에 정보를 표시하는 것이 일반적입니다. 그러나 이러한 내용을 인쇄된 문서와 같은 유형의 형식으로 제시할 필요성이 대두됩니다. 사용 가능한 다양한 방법 중에서 DIV의 내용을 인쇄하는 가장 효과적인 방법을 살펴보겠습니다.

해결책:

이를 위해 PrintElem이라는 JavaScript 함수는 매우 효과적인 것으로 입증되었습니다. 이 함수는 단일 요소의 ID를 인수로 사용하고 인쇄 전용 새 창을 초기화합니다. 이 창 내에서 지정된 DIV의 콘텐츠가 꼼꼼하게 추출되어 인쇄 가능한 HTML 문서로 형식화됩니다.

function PrintElem(elem) {
  var mywindow = window.open('', 'PRINT', 'height=400,width=600');

  mywindow.document.write('<html><head><title>' + document.title + '</title>');
  mywindow.document.write('</head><body >');
  mywindow.document.write('<h1>' + document.title + '</h1>');
  mywindow.document.write(document.getElementById(elem).innerHTML);
  mywindow.document.write('</body></html>');

  mywindow.document.close(); // necessary for IE >= 10
  mywindow.focus(); // necessary for IE >= 10*/

  mywindow.print();
  mywindow.close();

  return true;
}

로그인 후 복사

이 기능은 Chrome을 포함한 최신 브라우저에서 원활하게 작동합니다. 그 효과는 복잡한 콘텐츠가 포함된 요소를 다용도로 처리하여 인쇄된 문서에서 시각적으로 정확한 표현을 보장하는 데서 비롯됩니다. 이 기술을 사용하면 개발자는 디지털 정보를 다양한 요구 사항에 맞게 쉽게 유형의 형식으로 변환할 수 있습니다.

위 내용은 JavaScript에서 DIV 요소의 내용을 효과적으로 인쇄하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!