美文网首页
原生js实现页面局部打印

原生js实现页面局部打印

作者: H_XMM | 来源:发表于2018-06-27 17:16 被阅读0次

    利用原生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();//关闭打印窗口
    
    

    相关文章

      网友评论

          本文标题:原生js实现页面局部打印

          本文链接:https://www.haomeiwen.com/subject/jefiyftx.html