페이지의 일부만 인쇄하는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/224078

  •  03-07-2019
  •  | 
  •  

문제

사용자 가이 거대한 형태를 인쇄하기 전에 일부 div를 숨기려고하고 나중에 DIV를 다시 표시합니다. 따라서 나머지 페이지를 무시하고 양식 자체 만 인쇄하고 싶습니다.

물론 ~할 수 있었다 사용자가 인쇄 버튼을 클릭하면 별도의 페이지를 엽니 다. 유일한 것은 형식이 정말 길고 그렇게하는 것이 매우 지루할 것입니다.


편집 : 나의 이전 질문은 실제로 내가 찾고있는 것을 반영하지 않았습니다. 그래서 나는 그것을 현재로 변경했습니다.

또한 제안 된 모든 Window.onbeforePrint 및 Window.onaFterPrint 덕분에 감사합니다. 그것은 나의 편집 된 질문과 관련이있었습니다.

도움이 되었습니까?

해결책

IE 지원 onbeforeprint 그리고 onafterprint, 그러나 당신이 정말로 원하는 것은 인쇄 스타일 시트입니다.

<link rel="stylesheet" type="text/css" media="print" href="print.css">

또한보십시오: 이 답변

다른 팁

첫째, OK 방법 :

Window.onbeforePrint and Window.onAfterPrint를 살펴보십시오 (원래 질문은 프로그래밍 방식으로 어떻게 생각하는지에 대한 원래 질문).

이제 더 나은 방법 :

이를 수행하는 더 좋은 방법은 특히 인쇄를위한 스타일입니다. 다시 말해, 당신의 div는 다음과 같이 보일 수 있습니다.

<div class="someClass noPrint">My Info</div>

그런 다음 스타일 시트에 이것을 갖습니다.

.someClass {font-family:arial;}
@media print {
    .noPrint { display: none; }
}

또 다른 옵션

원하는 경우 별도의 스타일 시트에 넣을 수도 있으므로 스타일을 혼합 할 필요가 없습니다.

<link rel="stylesheet" type="text/css" media="print" href="print.css">

화면 스타일 시트가 ".someclass"를 정의 한 다음 인쇄 스타일 스타일로 정의 할 수 있습니다.

사용을 위해 인쇄하기 위해 특별히 스타일 시트를 만드는 것을 고려할 수 있습니다. 미디어 = "인쇄"

CSS 미디어 = 인쇄 스타일로 이것을 실제로 구현해야합니다. 링크 요소의 미디어 속성을 사용하여 스타일 시트가 적용되는 미디어를 선택할 수 있습니다. 확인하다 이 기사

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top