js는 iframe을 호출하여 페이지 content_jquery를 인쇄하는 방법을 구현합니다.

1. 프로그램 설명

1) 이 프로그램은 페이지에서 인쇄할 영역을 선택하여 iframe 모드로 인쇄할 수 있습니다.
2) 원래의 print()와 다른 점은 인쇄를 취소한다는 것입니다. 현재 방문한 페이지의 내용은 페이지 이후에도 완전히 유지될 수 있습니다.

2. 코드 부분

1) JS 기능:

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

function do_print(id_str)//id- str 인쇄 영역 ID
{
var el = document.getElementById(id_str);
var iframe = document.createElement('IFRAME');
var doc = null;
iframe.setAttribute (' 스타일', '위치:절대;너비:0px;높이:0px;왼쪽:-500px;상단:-500px;');
document.body.appendChild(iframe);
doc = iframe. contentWindow.doc;
//www.111Cn.net에서 인쇄용 CSS 스타일을 도입하여 실제 상황에 맞게 수정합니다
doc.write("");
doc.write('

' el.innerHTML '

');
doc.close();
iframe.contentWindow .focus();
iframe.contentWindow.print();
if (navigator.userAgent.indexOf("MSIE") > 0)
{
문서. body.removeChild(iframe) ;
}
}

2) HTML:

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

// 인쇄 영역:

......

// 인쇄 호출
인쇄

3. 테스트

페이지의 인쇄 버튼을 클릭하여 인쇄를 테스트하세요.

위의 방법 외에도 jquery를 사용하여 예제를 구현할 수도 있습니다.

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

>

영역 인쇄를 원할 경우 다음 방법을 시도해 볼 수 있습니다

다음 글에서는 페이지 전체를 인쇄할 수 있을 뿐만 아니라 페이지의 특정 영역을 인쇄할 수도 있는 페이지의 인쇄 기능을 구현하는 매우 간단한 방법을 공유합니다.

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

< head>

인쇄 영역: www.jb51.net

이 영역은 인쇄할 수 없습니다!