JavaScript-페이지 인쇄

웹 페이지에 버튼을 배치하여 실제 프린터를 통해 해당 웹 페이지의 내용을 인쇄하고자하는 경우가 많습니다. JavaScript는 다음을 사용하여이 기능을 구현하는 데 도움이됩니다.print 기능 window 목적.

JavaScript 인쇄 기능 window.print()실행시 현재 웹 페이지를 인쇄합니다. 이 함수는 다음을 사용하여 직접 호출 할 수 있습니다.onclick 다음 예제와 같이 이벤트.

예

다음 예제를 시도하십시오.

<html>
   <head>      
      <script type = "text/javascript">
         <!--
         //-->
      </script>
   </head>
   
   <body>      
      <form>
         <input type = "button" value = "Print" onclick = "window.print()" />
      </form>   
   </body>
<html>

산출

출력물을 얻는 목적으로 사용되지만 권장되는 방법은 아닙니다. 인쇄용 페이지는 실제로 텍스트가 포함 된 페이지이며 이미지, 그래픽 또는 광고가 없습니다.

다음과 같은 방법으로 페이지를 프린터 친화적으로 만들 수 있습니다.

페이지를 복사하고 원하지 않는 텍스트와 그래픽을 제거한 다음 원본에서 해당 인쇄용 페이지로 연결합니다. 예를 확인하십시오 .
페이지의 추가 사본을 보관하지 않으려면 <!-PRINT STARTS HERE-> ..... <!-PRINT ENDS HERE->와 같은 적절한 주석을 사용하여 인쇄 가능한 텍스트를 표시 할 수 있습니다. 그런 다음 PERL 또는 백그라운드에서 다른 스크립트를 사용하여 인쇄 가능한 텍스트를 제거하고 최종 인쇄를 위해 표시 할 수 있습니다. Tutorialspoint에서는이 방법을 사용하여 사이트 방문자에게 인쇄 기능을 제공합니다.

페이지를 인쇄하는 방법?

웹 페이지에서 위의 기능을 찾을 수없는 경우 브라우저의 표준 도구 모음을 사용하여 웹 페이지를 인쇄 할 수 있습니다. 다음과 같이 링크를 따르십시오.

File →  Print → Click OK  button.