原生js实现页面局部打印

利用原生js实现页面局部打印


var newWin = window.open(window.document.URL); //将本页在新窗口中打开,方便打印完成后关闭
var bdhtml = window.document.body.innerHTML; //获取当前页面的body部分
var sprnstr = "<!--startprint-->"; //标记自己想要打印的部分,方便截取
var eprnstr = "<!--endprint-->";//标记的中间部分就是想要打印的部分
var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //截取需要打印的部分
prnhtml = prnhtml.substring(0,prnhtml.indexOf(eprnstr)) ;
newWin.document.body.innerHTML = prnhtml; //将打印的部分覆盖新打开窗帘的body元素;
newWin.print();//打印
newWin.close();//关闭打印窗口

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,202评论 25 709
  • 本周美术课给孩子们讲了绘本故事《美丽的梦想》,故事中的动物们都有自己的梦想,孩子们听完故事很有感触,大家纷纷...
    是你的糖糖吖阅读 1,585评论 0 0
  • 1、普通人写作初期会遇到两个问题 . 写不出来,生活中哪有那么事情可以写 . 为什么我写的像个流水账,而别人写的深...
    一叶知秋1472阅读 1,504评论 0 3

友情链接更多精彩内容