利用javascript实现web页面中指定区域打印_javascript技巧-js tutoriel-php.cn

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

WBOY

Libérer： 2016-05-16 17:18:16

original

1320 Les gens l'ont consulté

最近做到了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机房生物专业

本部分以上被打印

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