利用javascript实现web页面中指定区域打印_javascript技巧
程序员文章站
2022-06-01 08:56:41
...
最近做到了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页面代码
课程表查询结果
本部分以下被打印
本部分以上被打印
示例代码(代码中有些内容已省略)
复制代码 代码如下:
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页面代码
复制代码 代码如下:
课程表查询结果