DIV 콘텐츠를 인쇄하는 방법
특정 DIV 요소의 콘텐츠를 인쇄하면 PDF 보고서를 생성하거나 웹을 보존하는 데 유용할 수 있습니다. 콘텐츠. 이 작업을 수행하기 위해 선호되는 방법은 브라우저에 따라 다릅니다.
Chrome 및 기타 최신 브라우저
현재 버전의 Chrome 및 기타 최신 브라우저의 경우 다음 코드 스니펫 최선의 접근 방식을 보여줍니다.
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(); mywindow.focus(); mywindow.print(); mywindow.close(); return true; }
이 함수는 새 창을 열고 지정된 창의 내용으로 채웁니다. DIV, 인쇄 프로세스를 트리거합니다. Chrome에서 최적의 기능을 위해 이전 버전에 비해 필요한 수정 사항이 포함되어 있습니다.
레거시 브라우저
Internet Explorer 9 이하와 같은 이전 브라우저에서는 다른 접근 방식이 필요합니다. . 다음 코드 조각은 이러한 브라우저의 인쇄를 처리합니다.
function PrintElem(elem) { ctrlKeyStr = "+"; document.getElementById(elem).focus(); document.getElementById(elem).print(+ctrlKeyStr); }
이 기능은 단순히 DIV에 초점을 맞추고 브라우저에 따라 다를 수 있는 기본 단축키를 사용하여 인쇄 기능을 활성화합니다.
By 이러한 기술을 구현하면 다양한 브라우저에서 DIV 요소의 내용을 효과적으로 인쇄하여 문서 인쇄 요구 사항을 충족할 수 있습니다.
위 내용은 다른 브라우저에서 특정 DIV의 콘텐츠를 인쇄하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!