> 웹 프론트엔드 > JS 튜토리얼 > js 제어 웹 인쇄(부분 인쇄) 방법 배열_자바스크립트 기술

js 제어 웹 인쇄(부분 인쇄) 방법 배열_자바스크립트 기술

WBOY
풀어 주다: 2016-05-16 17:33:08
원래의
2089명이 탐색했습니다.
먼저 CSS 스타일을 정의합니다:
코드 복사 코드는 다음과 같습니다.

@ media print {
.noprint { display: none;color:green }
}

인쇄하고 싶지 않은 콘텐츠의 경우 class=만 추가하면 됩니다. 라벨에 인쇄되지 않습니다. 인쇄 현재 고객은 페이지에 대한 변경 사항을 볼 수 없습니다.
인쇄할 때 window.print()를 호출하세요.

여러 가지 다른 js 부분 인쇄 방법:
수정:
인쇄할 때 인쇄해야 할 내용을 넣으세요. 본문 전체 내용으로 교체(인쇄 시 변경 사항이 사용자에게 표시되며 고객 경험이 별로 좋지 않음)
코드 복사 코드는 다음과 같습니다:

함수 미리보기(oper)
......{
if (oper < 10)......{
bdhtml=window.document .body.innerHTML;//현재 페이지의 HTML 코드 가져오기
sprnstr="";//인쇄 시작 영역 설정
eprnstr="";//인쇄 끝 영역 설정
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr) 18) //Get html from the 시작 코드 뒤로
prnhtml=prnhtml .substring(0,prnhtml.indexOf(eprnstr));//끝 코드에서 앞으로 HTML 가져오기
window.document.body.innerHTML=prnhtml
window.print ();
window.document .body.innerHTML=bdhtml;
} else ......{
window.print()
}

페이지 이용방법은 매우 간단합니다. 중간에 인쇄할 내용을 추가하세요 XXXXX 미리보기(1)
------ -----------------------
WebBrowser는 IE에 내장된 브라우저 컨트롤이며 사용자가 다운로드할 필요가 없습니다. (테스트되지 않음)
1. WebBrowser 컨트롤


 


2. WebBrowder 컨트롤 메서드


//인쇄
WebBrowser1.ExecWB(6,1)
//인쇄 설정
WebBrowser1.ExecWB(8,1)/ /인쇄 미리보기
WebBrowser1.ExecWB(7,1)


이 구성 요소에는 다음과 같은 다른 용도가 있습니다.
WebBrowser.ExecWB(1,1) 열기
Web.ExecWB(2,1) 현재 IE 창을 모두 닫고 새 창을 엽니다
Web.ExecWB(4,1) 웹 페이지 저장
Web.ExecWB(6,1) 인쇄
Web. ExecWB(7,1) 인쇄 미리보기
Web.ExecWB(8,1) 인쇄 페이지 설정
Web.ExecWB(10,1) 페이지 속성 보기
Web.ExecWB(15,1)인 것 같다. 취소되고 확인이 필요함
Web.ExecWB(17,1) 모두 선택
Web.ExecWB(22,1) Refresh
Web.ExecWB(45,1) 자동으로 양식 닫기
하지만 인쇄하면 페이지 전체가 인쇄됩니다. 페이지에 있는 내용은 모두 인쇄됩니다. 때로는 데이터 테이블만 인쇄하면 되며, 인쇄하고 싶지 않은 부분은 숨겨야 합니다.
스타일 내용:



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


다음 스타일을 사용하세요. 🎜>

인쇄할 필요가 없는 곳


코드는 다음과 같습니다.




코드 복사
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿