반응형
1. 특정영역 프린트
function printing(){
var popupWindow = window.open("", "_blank" );
popupWindow.document.write( '<head>');
popupWindow.document.write( '<link href="/resources/main.css" type="text/css" rel="stylesheet">' );
popupWindow.document.write( '</head>' );
popupWindow.document.write( '<body>');
popupWindow.document.write( $("#subcontent").html() );
popupWindow.document.write( '</body>' );
popupWindow.document.close();
setTimeout(function() {
popupWindow.print();
}, 500);
}이건 해당 영역에 대한 프린트이다. 새 페이지를 열때는 blank 를 써주고 안써주면 해당페이지에서 바로 넘어간다.
또한 새로 열린 페이지는 css가 안먹히기 때문에 저렇게 다시 선언을 해줘야 한다.
그리고 또! 출력하는 저 print 부분은 바로 실행된다면 css가 안먹거나 텍스트가 안보일 때가 있어서 저렇게 setTime을 넣어주었다.
2. 간단하게 전체 프린트 기능
<button type="button" onclick="window.print()">출력</button>하면 끝
* 참고로 button 타입이 정해지지 않았다면 디폴트는 submit 이기 때문에 정확히 button으로 처리해줘야 합니다.
아시게쬬?
반응형
'자바' 카테고리의 다른 글
| 자바 HTML 을 PDF파일로 변환! (0) | 2020.12.22 |
|---|---|
| 자바 스크립트로 글자수 표시하고 제한걸기 (0) | 2020.12.07 |
| 자바로 파일 압축하는 기능 만들기 (0) | 2020.12.03 |
| Redirect(리다이렉트) OR Forwarding(포워딩) 차이 (0) | 2020.10.21 |
| 오늘 날짜랑 비교 (0) | 2020.10.21 |
댓글