Home > Web Front-end > JS Tutorial > Use javascript to print specified areas in web pages_javascript skills

Use javascript to print specified areas in web pages_javascript skills

WBOY
Release: 2016-05-16 17:18:16
Original
1320 people have browsed it

When I recently printed the course schedule on a web page, I searched for some information on the Internet, and finally used the following method to achieve the functions I needed. Put the table of the curriculum that needs to be printed into a div tag, then specify the area that needs to be printed, and finally call window.print to print the specified content.

Sample code (some content in the code has been omitted)

Copy code The code is as follows:

function preview() {
bdhtml = window.document.body.innerHTML;
sprnstr = "";
eprnstr = "
       

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

       

       
The above section is printed

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template