>웹 프론트엔드 >JS 튜토리얼 >javascript를 사용하여 웹 페이지_javascript 기술의 지정된 영역을 인쇄합니다.

javascript를 사용하여 웹 페이지_javascript 기술의 지정된 영역을 인쇄합니다.

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 17:18:161389검색

최근 웹 페이지에 강좌 일정을 인쇄할 때 인터넷에서 몇 가지 정보를 검색한 후 마침내 다음과 같은 방법을 사용하여 필요한 기능을 구현했습니다. 인쇄해야 할 커리큘럼의 테이블을 div 태그에 넣은 후 인쇄해야 할 영역을 지정하고 마지막으로 window.print를 호출하여 지정된 내용을 인쇄합니다.

샘플 코드(코드 중 일부 내용이 생략되었습니다)

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

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

위는 javascript 코드이고, 다음은 html 페이지 코드입니다
코드 복사 코드는 다음과 같습니다.

       

           
       

       

            课程表查询结果
       

本部分以下被打印

       
       

           
               
                   
                   
                   
                   
                   
                   
                   
                   
               
               
                   
                   
                   
                   
                   
                   
                   
                   
               
               
                   
                   
                   
                   
                   
                   
                   
                   
               
               
                   
                   
                   
                   
                   
                   
                   
                   
               
               
                   
                   
                   
                   
                   
                   
                   
                   
               
           
    星期一 星期二 星期三 星期四 星期五 星期六 星期日
1,2 节 大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
3,4 节 大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
5,6 节 大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
信息技术
数信学院
501机房
生物专业
7,8 节 大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业
大学信息技术课
数信学院
501机房
生物专业

       

       
위 섹션이 인쇄되었습니다

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.