반응형
자바스크립트(Javascript) print 함수를 이용해 웹페이지 인쇄하기 |
개발환경 : window 7 64bit |
자바스크립트에서 제공하는 print 함수는 웹브라우저에서 인쇄 버튼을 누르지 않고 자바스크립트로 표현하여 웹페이지에서 프린트 할수 있습니다. |
자바스크립트는 window 오브젝트의 print() 함수를
제공하고 있습니다. Window.print() 를 실행하게
되면 현재 페이지를 바로 프린트 할수 있게
됩니다. 아래 예제는 onclick 이벤트에 프린트를
할수 있도록 만들었습니다.
<head> <script type="text/javascript"> <!-- //--> </script> </head> <body> <form> <input type="button" value="Print" onclick="window.print()" /> </form> </body> |
프린트를 클릭하게 되면 바로 프린트를 할수 있도록
인쇄 대화상자가 뜨게 됩니다.
자바스크립트가 아닌 실제 웹페이지를 인쇄할때는
어떻게 할까요? 브라우저에서 파일 > 인쇄 를
클릭하시면 됩니다.
반응형
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
자바스크립트(Javascript) 애니메니션 이용하기 (3) | 2014.11.18 |
---|---|
자바스크립트(Javascript) 폼(Form) 에 입력된 값의 유효성 체크 (0) | 2014.11.15 |
자바스크립트(Javascript) 에러와 런타임오류 다루기 (0) | 2014.10.19 |
자바스크립트(Javascript) Objects 객체의 사용법 (0) | 2014.10.15 |
자바스크립트(Javascript) 라벨기능을 사용하여 반복문의 흐름 제어하기 (0) | 2014.09.29 |
자바스크립트(Javascript) IF… Else 구분 사용하기 (0) | 2014.09.22 |
자바스크립트(javascript) for 반복문 사용법 (0) | 2014.09.20 |
자바스크립트(Javascript) 에디터 박스에 링크된 이미지 URL 정보출력하기 (0) | 2014.08.25 |