>웹 프론트엔드 >JS 튜토리얼 >다른 브라우저에서 특정 DIV의 콘텐츠를 인쇄하는 방법은 무엇입니까?

다른 브라우저에서 특정 DIV의 콘텐츠를 인쇄하는 방법은 무엇입니까?

DDD
DDD원래의
2024-12-18 03:41:10905검색

How to Print a Specific DIV's Content Across Different Browsers?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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