首页 > 其他 > 详细

print打印页生成及排版样式更改的技巧

时间:2017-09-07 14:28:35      阅读:357      评论:0      收藏:0      [点我收藏+]

<script>
function myPrint(obj){
//注:可以在打印页生成前前通过js更改样式,来实现排版,打印页生成后通过setTimeout延迟将页面样式变回去
//打开一个新窗口newWindow
var newWindow=window.open("打印窗口","_blank",‘height=300,widht=400‘);
//要打印的div的内容
var docStr = obj.innerHTML;
//打印内容写入newWindow文档
newWindow.document.write(docStr);
//关闭文档
newWindow.document.close();
//调用打印机
newWindow.print();

//注:打印页生成后可以通过setTimeout延迟将页面样式变回去
//关闭newWindow页面
newWindow.close();

}

// myPrint(document.getElementById(‘printDivID‘));//调用方法
</script>
<div id="print">
<hr />
打印演示区域,点击打印后会在新窗口加载这里的内容!
<hr />
</div>
<button onclick="myPrint(document.getElementById(‘print‘))">打 印</button>

print打印页生成及排版样式更改的技巧

原文:http://www.cnblogs.com/webwangjie/p/7489400.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!