JavaScript 출력(print,프린트, 인쇄)하기
페이지 정보
본문
1. 새창으로 HTML 출력하기
[ original.html ]
<img src="../images/btn_print.gif" width="60" height="11" border="0" onClick="window.open('print.html','happyjung','width=700, height=472, left=50, top=50, location=no, scrollbars=yes, menubar=no, resizable=no, status=no, toolbar=no');" style="cursor:pointer">
[ print.html ]
<html>
<head>
<script type="text/javascript">
<!--
function winPrint() {
window.print();
}
//-->
</script>
</head>
<body>
출력될 내용
</body>
</html>
<script>
window.print();
</script>
2. 현재 HTML 내용 출력하기 2009-01-03 추가
window.print() 는 윈도우 객체에 print() 메소드를 연결한 스크립트 소스로 현재의 화면 인쇄
2-1. button 으로 표현하기
버튼을 클릭하면 인쇄 대화 상자가 나타납니다.<br />
<form>
<input type="button" value="인쇄하기" onClick="window.print();">
</form>
2-2. image 로 표현하기
버튼을 클릭하면 인쇄 대화 상자가 나타납니다.<br />
<form>
<input type="image" src="이미지경로" onClick="window.print();">
</form>
2-3. 링크
<a href="javascript:window.print();">인쇄하기</a>
댓글목록
등록된 댓글이 없습니다.