批量html文档打印区域,JavaScript如何打印网页指定区域内容

如何使用js脚本实现打印网页指定区域的内容?

JavaScript打印页面指定div区域原理:

使用window.open()在浏览器打开一个新的页面(window),使用 window.document.write()将指定div区域的内容写入新窗口文档,document.close()关闭文档,使用window.print()调用打印机打印当前文档。

JavaScript打印函数myPrint(obj):

复制代码 代码示例:

function myPrint(obj){

//打开一个新窗口newWindow

var newWindow=window.open("打印窗口","_blank");

//要打印的div的内容

var docStr = obj.innerHTML;

//打印内容写入newWindow文档

newWindow.document.write(docStr);

//关闭文档

newWindow.document.close();

//调用打印机

newWindow.print();

//关闭newWindow页面

newWindow.close();

}

myprint()调用方法:

复制代码 代码示例:

myPrint(document.getElementById('printDivID'));

代码:

复制代码 代码示例:

function myPrint(obj){

var newWindow=window.open("打印窗口","_blank");

var docStr = obj.innerHTML;

newWindow.document.write(docStr);

newWindow.document.close();

newWindow.print();

newWindow.close();

}


打印演示区域,点击打印后会在新窗口加载这里的内容!


打 印

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值