지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > JS는 부분 선택 인쇄 및 부분 비선택 인쇄_javascript 기술을 구현합니다.

JS는 부분 선택 인쇄 및 부분 비선택 인쇄_javascript 기술을 구현합니다.

WBOY
풀어 주다： 2016-05-16 16:53:27
원래의
1560명이 탐색했습니다.

프로젝트의 필요에 따라 페이지에 인쇄할 내용을 선택합니다.

인쇄하려는 항목을 DIV 레이어로 감싸세요. 예:

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


(통지번호: ${zjxfItemUser.acceptedNo })

청원 전달 관련 공지< /span>${zjxfItemUser.userName }: (청원자 이름)

       
, 이 기관(또는 단위) 귀하(또는 귀하)가 제출한 ${zjxfItemUser.subject} 청원은 법률에 따라 승인되었습니다.
청원 사항은 관련 조항에 따라 XXX의 권한 범위에 속합니다. "청원 규정"에 따라 이 기관은 이미 관련 자료를 XX 처리를 위해 XXX로 전송할 예정입니다. 제때에 그에게 연락하시기 바랍니다.

이를 알려드립니다.

(${zjxfProcessOver.subOrgname} 특수 도장 또는 공식 도장이 찍혀 있음)< ;/ div>
< /div>




인쇄 불가 중간에 필요하며 DIV 레이어에도 포함됩니다. CSS 스타일을 활용하세요. 인쇄할 필요가 없는 레이어의 class="noprint"를 참조하면 됩니다


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

참고: 인쇄를 선택하면 스타일이 손실됩니다. 인쇄하기 전에 인쇄물을 추가해야 합니다.



코드 복사
코드는 다음과 같습니다. $(function(){ $("#print").click(function(){
var html = window.document.body.innerHTML;

exportCSS("itemVrbjForm",html);

})

//선택한 인쇄로 스타일 가져오기
function importCSS(formName,htmlInfo){
var CSS = " "
" "
""
"" ;link href="" baseURL "/zjxf/common/css/print.css" type="text/css" rel="stylesheet" />" ;
$(CSS).appendTo("#" formName );
window.document.body.innerHTML = $("#" formName).html();
window.print()
window.document.body.innerHTML =
}

})


이렇게 하면 부분 선택 인쇄와 부분 비선택 인쇄가 모두 가능합니다.
관련 라벨：
选择打印 不选择打印
원천：php.cn
이전 기사：javascript 복사 노드 cloneNode() 사용법 소개_javascript 기술 다음 기사：Native js의 width, height 획득 방식과 jquery의 width, height_javascript 스킬 획득 방식의 관계 비교
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
3단계 계층구조의 맞춤 분류를 사용하여 우커머스 관련 상품을 선택하세요. 나는 "스포츠"라는 사용자 정의 분류를 가진 wooCommerce 상점을 가지고 있습니다. 분류에는 부모, 어린이, 어린이의 세 가지 수준이 있...
에서 2024-04-06 20:05:30
0
1
544
MySQL: "<여기 변수 또는 하위 쿼리>로...에서 텍스트 선택" 다음 데이터가 포함된 다음 테이블이 있습니다. id 텍스트 언어 1 독일어 텍스트 독일어 2 영어 텍스트 영어 내가 원하는 것은 다음 형식의 결과를 얻는 것입니다...
에서 2024-04-06 19:25:54
0
2
529
웹사이트에서 입력 요소를 가져올 수 없습니다. 그래서 Twitter에서 입력 요소를 가져오려고 하는데 실행하면 노드 터미널에서 계속 이런 오류가 발생하고 결과적으로 이 코드로 생성된 브라우저 창이 저절로 닫힙...
에서 2024-04-06 18:59:57
0
1
442
Reactjs에서 여러 확인란을 선택하는 방법 여러 개의 확인란을 선택하고 싶지만 그렇게 할 수 없는 옵션 목록이 있습니다. 이 코드에 어떤 문제가 있습니까? 샌드박스 URL
에서 2024-04-06 18:55:21
0
1
396
클리어 후에도 내 파일 입력값은 그대로 남아있습니다 스크린샷에서 볼 수 있듯이. 파일을 선택하고 페이지를 새로 고치지 않고 팝업을 유지한 후 다시 열면 파일 입력이 여전히 내가 선택한 파일입니다. <input...
에서 2024-04-06 15:44:52
0
1
384
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿