利用javascript实现web页面中指定区域打印_javascript技巧

WBOY
Lepaskan: 2016-05-16 17:18:16
asal
1302 orang telah melayarinya

最近做到了web页面课程表打印时,上网找了一些资料,最后使用了下面的方法实现了我需要的功能。将需要打印的课程表的table放入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机房
生物专业

       

        
本部分以上被打印

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan