JavaScript打印网页指定区域的例子
JavaScript打印网页指定区域的例子
发布时间:2016-12-30 来源:查字典编辑
摘要:JavaScript打印页面指定div区域原理:使用window.open()在浏览器打开一个新的页面(window),使用window.d...

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'));

实例代码:

复制代码 代码如下:<script>

function myPrint(obj){

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

var docStr = obj.innerHTML;

newWindow.document.write(docStr);

newWindow.document.close();

newWindow.print();

newWindow.close();

}

</script>

<div id="print">

<hr />

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

<hr />

</div>

<button>打 印</button>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类