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

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

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

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

function Preview() {
bdhtml = window.document.body.innerHTML;
sprnstr = "";
eprnstr = "< !--endprint- ->";
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机房 生物专业

       

       
위 섹션이 인쇄되었습니다