> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 인쇄 콘텐츠 메소드_자바스크립트 기술 요약

자바스크립트 인쇄 콘텐츠 메소드_자바스크립트 기술 요약

WBOY
풀어 주다: 2016-05-16 18:42:19
원래의
1272명이 탐색했습니다.

일반적으로 인쇄하려면 window.print();만 사용하면 됩니다.
그러나 일반적으로 선택적 인쇄이므로 메소드는 다음과 같습니다.

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

function Preview()
{
bdhtml=window.document.body.innerHTML; sprnstr=""
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr) 17) ;
prnhtml=prnhtml.substring( 0,prnhtml.indexOf(eprnstr))
window.document.body.innerHTML=prnhtml;
window.print()}


또 문제가 생겼네요~
바닥글과 머리글도 있고~가로와 세로도 있을텐데요~
어떡하죠?
인쇄 미리보기를 활용하는 것이 가장 좋습니다~
설정이 있기 때문이죠
이때 IE "WebBrowser"의 컨트롤을 참조해야 합니다
페이지 인용 :


제어 방법:


WebBrowser.ExecWB(1,1) 열기
WebBrowser.ExecWB( 2,1) 지금 모든 IE 창을 닫고 새 창 열기
WebBrowser.ExecWB(4,1) 웹 페이지 저장
WebBrowser.ExecWB(6,1) 인쇄
WebBrowser.ExecWB(7,1) ) 인쇄 미리보기
WebBrowser.ExecWB(8,1) 인쇄 페이지 설정
WebBrowser.ExecWB(10,1) 페이지 속성 보기
WebBrowser.ExecWB(15,1) 취소가 필요한 것 같습니다. 확인
WebBrowser.ExecWB( 17,1) 모두 선택
WebBrowser.ExecWB(22,1) 새로 고침
WebBrowser.ExecWB(45,1) 자동으로 양식 닫기


예:
< object id="WebBrowser" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
인쇄 테스트
< ;input type="button" onclick ="WebBrowser.ExecWB(7,1)" value="Print Preview">
텍스트 파일을 복사하여 붙여넣기~접미사 이름을 변경하세요~
즉, 실행~미리보기 클릭 ~인쇄 설정~인쇄~OK
그런 다음 프로젝트에 테스트해 보세요~ 예를 들어 aspx에서
동일하게 실행하고 미리 보기를 클릭하세요~
야~ IE 보안 경고가 나타나는 이유는 무엇입니까? "Internet Explorer"가 차단되었습니다. 이 사이트는 안전하지 않은 방식으로 ActiveX 컨트롤을 사용하는 것을 방지합니다."
이때 IE의 보안 설정을 변경해야 합니다(패치를 설치하지 않았다면 괜찮을 것입니다~ "rp"가 좋기 때문입니다 , 반드시 고객 및 다른 사람의 "rp"가 귀하의 것만큼 좋은 것은 아닙니다)
작업:
주 메뉴 "도구" - 인터넷 옵션 - 보안 - 사용자 정의 수준, "초기화 및 스크립트 실행 표시되지 않은 ActiveX 컨트롤 실행" "안전하게"에서 "보안 설정"을 "사용 안 함"에서 "사용"으로
또 다른 방법인 "도구" "인터넷 옵션" "신뢰할 수 있는 사이트(신뢰할 수 있는 사이트)" "사이트"에 URL을 입력하세요. 해당 웹사이트의 경우 https:에 연결되어 있지 않은 경우 " 이 영역의 모든 사이트에는 서버 확인(https:)이 필요합니다. 앞에 있는 확인란을 선택 취소하면 됩니다.
(LAN인 경우 : "도구" "인터넷 옵션" "로컬 인터넷" "고급")
(무선 네트워크는 LAN이 아닌 것 같습니다)
두 번째 옵션을 추천드려요~
모든 것이 준비되었습니다~ok~
인쇄 방법 세트(하나씩 테스트하지 않음):


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

------------------------------- ------ ------------------



새 문서



<메타 이름 ="설명" CONTENT=" "><script> <br>var hkey_root,hkey_path,hkey_key <br>hkey_root="HKEY_CURRENT_USER" <br>hkey_path="file://software//Microsoft//Internet Explorer\ PageSetup\" <br>/ /웹 페이지 인쇄의 머리글과 바닥글을 비워두도록 설정 <br>function pagesetup_null(){ <br>try{ <br>var RegWsh = new ActiveXObject("WScript.Shell") <br>hkey_key="header" <br> RegWsh.RegWrite(hkey_root hkey_path hkey_key,"") <br>hkey_key="footer" <br>RegWsh.RegWrite(hkey_root hkey_path hkey_key,"") <br>}catch(e) {} <br>} <br> //웹페이지 인쇄의 머리글과 바닥글을 기본값으로 설정 <br>function pagesetup_default(){ <br>try{ <br>var RegWsh = new ActiveXObject("WScript.Shell ") <br>hkey_key="header" <br>RegWsh.RegWrite(hkey_root hkey_path hkey_key,"&w&b페이지 번호,&p/&P") <br>hkey_key="footer" <br>RegWsh.RegWrite(hkey_root hkey_path hkey_key," &u&b&d") <br>}catch(e) {} <br>} <br>function setdivhidden(id){//지정된 ID를 제외한 모든 레이어 숨기기<br>var divs=document.getElementsByTagName("DIV"); <br>for(var i=0; i<divs.length>{ <br>if(divs.item(i).id!=id) <br>divs.item(i).style .display="none"; <br> } <br>} <br>function setdivvisible(id){//지정된 ID 이외의 모든 레이어 표시<br>var divs=document.getElementsByTagName("DIV"); 🎜>for(var i=0;i&lt ;divs.length;i ) <br>{ <br>if(divs.item(i).id!=id) <br>divs.item(i).style. display="block"; <br>} <br>} <br>function printpr() //미리보기 함수<br>{ <br>pagesetup_null();//미리보기 전에 머리글과 바닥글 제거<br>setdivhidden( "div1");//인쇄하기 전에 먼저 인쇄하고 싶지 않은 요소를 숨깁니다. <br>var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A -11D0-A96B-00C04FD705A2"></OBJECT> '; <br>document.body.insertAdjacentHTML('beforeEnd', WebBrowser);//본문 태그 <br>WebBrowser1에 html(WebBrowser activeX 컨트롤)을 추가합니다. ExecWB(7, 1);//미리보기 인쇄<br> WebBrowser1.outerHTML = "";//코드에서 삽입된 html 코드 지우기<br>pagesetup_default();//다음 후 머리글과 바닥글을 기본값으로 복원 미리보기 완료<br>setdivvisible("div1");//미리보기 완료 <br>} <br>function print() //인쇄 함수 <br>{ <br>pagesetup_null();/ /인쇄하기 전에 머리글과 바닥글 제거 <br>setdivhidden("div1") / /인쇄하기 전에 인쇄하고 싶지 않은 요소 숨기기 <br>var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID:8856F961-340A-11D0-A96B-00C04FD705A2">< /OBJECT>'; <br>document.body.insertAdjacentHTML('beforeEnd', WebBrowser);//본문에 html 추가 태그(WebBrowser activeX 컨트롤) <br>WebBrowser1.ExecWB(6, 1);//인쇄<br>WebBrowser1.outerHTML = "";//코드에서 삽입된 HTML 코드 지우기<br>pagesetup_default();// 인쇄 후 머리글과 바닥글은 기본값으로 돌아갑니다<br>setdivvisible("div1");// 인쇄가 완료된 후 버튼 표시 <br>} <br></script> 🎜>



양식 1:


< td>1111<
;/td>1111
11111111
11111111 1111
1111

< /div>




---------------------- ---------- -------------- -------
JS 구현 부분 인쇄 및 미리보기:
첫 번째 유형:
JS는 간단한 페이지 부분 인쇄 구현




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