JavaScript中window.print()打印

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chaoyue1861/article/details/84652011

       JavaScript中使用window.print()打印方法时,打印的是当前页的所有内容,所以如果直接在当前页使用此打印方法应先保存当前页面再把打印部分替换当前页面执行完之后再替换回来;或者新打开一个页面,把所打印的部分都写到新打开的页面上。

方式1:在当前页面打印

1、var newStr = document.getElementById(printDiv).innerHTML;//获取打印的部分
2、var bodyStr = document.body.innerHtml;//获取当前页所有内容
3、 document.body.innerHTML = newStr; //打印部分写到当前页
4、  window.print(); //执行打印功能
5、 document.body.innerHTML = bodyStr; // 打印执行完之后把之前页面内容写到页面

方式2:新建浏览器对话框打印

1、var newStr = document.getElementById("printDiv").innerHTML;//获取打印部分
2、var win = window.open("","新建打印窗口","height=300,width=700,top=100");//新建窗口
3、win.document.body.innerHTML = newStr;//打印内容写到新建窗口中
4、 win.print();//执行打印

方式3:新建浏览器对话框中通过url获取内容

var url = "http://....";
1、var wind = window.open(url,"新建打印窗口","height=300,width=700");
2、 wind.print();

猜你喜欢

转载自blog.csdn.net/chaoyue1861/article/details/84652011