웹에서의 다양한 프런트 엔드 인쇄 방법: jquery 인쇄 플러그인 PrintArea는 웹 페이지 인쇄를 실현합니다_jquery

첫 번째 단계:
jquery.PrintArea.js 다운로드
js 참조

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

html 인용문 :

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

인쇄할 때 표시됩니다.

인쇄 시 숨겨집니다.

자바스크립트 코드:

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

$(document).ready(function(){
$(" #print").click(function(){
$(".my_show").printArea();
})
}); 이 플러그인은 또한 몇 가지 구성 가능한 매개변수를 제공합니다. $(element).printArea(option).
저는 이 방법을 직접 사용해 본 적이 없습니다. 질문이 있으면 메시지를 남겨주세요. .

매개변수 설정
:
1.mode: 모드, 인쇄 버튼을 클릭하면 모드가 트리거되고 기본값은 iframe이며 팝업으로 설정하면 새 창 페이지가 나타납니다. 인쇄를 위해 열어야 합니다. 2.popTitle: 새로 열린 창의 제목을 설정합니다. 기본적으로 비어 있습니다. 3.popClose: 인쇄 완료 후 창을 닫을지 여부, 기본값은 false입니다.