1. "media ="print "의 CSS를 사용하여 TestPrint.html에서 인쇄 된 파일 스타일을 제어하십시오.
다음과 같이 코드 코드를 복사하십시오.
<link href = "/style/print.css"rel = "Stylesheet"type = "text/css"media = "print">>
/style/print.css 파일
다음과 같이 코드 코드를 복사하십시오.
.noprint {display : none;}
TestPrint.html에서 스타일을 사용하십시오. 웹 페이지를 탐색 할 때는 효과가 보이지 않지만 다음 단락에서와 같이 브라우저에서 현실입니다. 예, 인쇄 할 때 표시되지 않습니다.
다음과 같이 코드 코드를 복사하십시오.
<div>
<input type = "button"onclick = "window.print ();" "이 페이지 인쇄"
</div>
물론, 당신은 print.css로 스타일로 쓸 수 있고 색상을 변경할 수 있습니다 (색상 이미지는 흑백 프린터에서는 좋지 않으며 다른 스타일로 인쇄 할 수 있음), 글꼴을 재생할 수 있습니다. --------------------------------------------------------- --------------------------------------------------------- --------------------------------------------------------- ----------------------------------------------------- --------------------------------------------------- --------
2. JavaScript를 사용하여 제어하십시오
이로 인해 일부 사람들은 CSS에 능숙하지 않을 수도 있고 일부 사람들은 더 많은 소입니다. 때로는 JavaScript도 좋은 선택입니다.
다음과 같이 코드 코드를 복사하십시오.
<script type = "text/javaScript">
<!-
// 인쇄하기 전에 자동으로 실행됩니다
Window.onbeforePrint = function () {
$ ( "#Test");
}
// 인쇄 후 자동으로 실행됩니다
Window.onAfterPrint = function () {
$ ( "#Test");
}
//->
</스크립트>
<div id = "test">이 텍스트는 인쇄되지 않습니다 </div>
인쇄하기 전에 Window를 호출합니다. 물론, 인쇄 후 다시 가져와야합니다.
-------------------------------------------- --------------
팁 :주의를 기울이십시오. 우리 모두는 Window.print ()라는 것을 알고 있습니다. 실제로 Window.top.Centerframe.mainframe.prame.prame () ;;와 같은 프레임 워크를 인쇄 할 수도 있습니다.