웹 프린팅_자바스크립트 기술에 대한 다양한 방법과 구현 코드 소개
- WBOY원래의
- 2016-05-16 17:44:051296검색
제가 아는 wed의 인쇄 방법은 다음과 같습니다.
1. JQuery 플러그인 Jqprint 구현
2. 웹 페이지 인쇄를 구현하는 JQery 인쇄 플러그인 PrintArea
3. CSS 제어 웹 페이지 인쇄 스타일
JQuery 플러그인 Jqprint 구현:
먼저 js 파일 가져오기:
jquery.jqprint.js 다운로드
코드 복사 코드는 다음과 같습니다.
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 예시operaSupport:true//플러그인이 Opera 브라우저도 지원해야 하는 경우 임시 인쇄 탭 생성을 제공함을 나타냅니다. 기본값은 true
}
이고 importCSS만 사용합니다. 원본 페이지의 링크를 iframe으로 가져옵니다. 처음으로 미디어 검색=인쇄를 수행할 때, 그렇지 않은 경우 일반 CSS 파일을 가져옵니다.
:
코드 복사
코드는 다음과 같습니다. $('.my_show').jqprint({ importCSS://CSS 스타일 파일
}) 성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.