window.print()打印html网页的两种方法实现

目录

• 一、编辑打印区域
• 二：将不需要打印的部分隐藏

一、编辑打印区域

思路：

通过编辑打印的开始、结束标记来区分打印的区域

HTML：

打印的区域

js：

function doPrint() { 
    bdhtml=window.document.body.innerHTML; 
    sprnstr=""; //开始打印标识字符串有17个字符
    eprnstr=""; //结束打印标识字符串
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始打印标识之后的内容
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
    window.document.body.innerHTML=prnhtml; //把需要打印的指定内容赋给body.innerHTML
    window.print(); //调用浏览器的打印功能打印指定区域
    window.document.body.innerHTML=bdhtml;//重新给页面内容赋值；
    return false;
}

传送门：window.print()局部打印三种方式

二：将不需要打印的部分隐藏

思路：

在打印之前利用jQuery的$(selector).hide(speed,callback)语法将不需要的元素先隐藏，打印之后再将隐藏的元素显示出来$(selector).show(speed,callback)

HTML：

    打印


    11111


    22222


    3333

js：

到此这篇关于window.print()打印html网页的两种方法实现的文章就介绍到这了,更多相关window.print()打印html网页内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！