웹 프린팅_자바스크립트 기술에 대한 다양한 방법과 구현 코드 소개

제가 아는 wed의 인쇄 방법은 다음과 같습니다.
1. JQuery 플러그인 Jqprint 구현
2. 웹 페이지 인쇄를 구현하는 JQery 인쇄 플러그인 PrintArea
3. CSS 제어 웹 페이지 인쇄 스타일

JQuery 플러그인 Jqprint 구현:
먼저 js 파일 가져오기:
jquery.jqprint.js 다운로드

코드 복사 코드는 다음과 같습니다.

< /script>

html 코드

코드 복사 코드는 다음과 같습니다.

>인쇄할 때 표시됩니다
인쇄할 때 숨겨집니다.

자바스크립트 코드

:

코드 복사 코드는 다음과 같습니다. (문서) .ready(function(){

$("#print").click(function(){

$(".my_show").jqprint();
})
});



또한 플러그인은 일부 구성 가능한 매개변수를 제공합니다.

코드 복사

코드는 다음과 같습니다. { debug:false,//true인 경우 iframe 보기 효과를 표시할 수 있습니다(기본 높이와 너비). iframe은 매우 작으므로 소스 코드에서 늘릴 수 있습니다. 기본값은 false입니다.

importCSS:true, //true는 원본 페이지의 CSS를 가져오는 것을 의미하며 기본값은 true입니다. (참이면 먼저 $("link[media=print]")를 찾고, 그렇지 않으면 $("link")에서 CSS 파일을 찾습니다.)

printContainer:true,// 원래 선택 항목이 인쇄에 포함되어야 하는지 여부를 나타냅니다(참고: false로 설정하면 CSS 규칙이 위반될 수 있습니다).
operaSupport:true//플러그인이 Opera 브라우저도 지원해야 하는 경우 임시 인쇄 탭 생성을 제공함을 나타냅니다. 기본값은 true
}


이고 importCSS만 사용합니다. 원본 페이지의 링크를 iframe으로 가져옵니다. 처음으로 미디어 검색=인쇄를 수행할 때, 그렇지 않은 경우 일반 CSS 파일을 가져옵니다.

importCSS 예시
:


코드 복사

코드는 다음과 같습니다. $('.my_show').jqprint({ importCSS://CSS 스타일 파일

})