May
23
2013
js 实现页面打印功能
作者：
绝缘体.. 发布：
2013-05-23 07:46 分类：
未分类 阅读：
抢沙发
要实现页面打印功能。这个需求往往听起来挺复杂，挺高级的，其实没那么难，下面本文分享一种超简单的方法实现页面的打印功能，不仅可以打印整个页面，还可以打印页面某块区域。下面是具体的实例代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
function printdiv(printpage){
var headstr="<html><head><title></title></head><body>";
var footstr="</body>";
var newstr=document.all.item(printpage).innerHTML;
var oldstr=document.body.innerHTML;
document.body.innerHTML=headstr+newstr+footstr;
window.print();
document.body.innerHTML=oldstr;
return false;
}
</script>
<title>div print</title>
</head>
<body>
<input type="button" onClick="printdiv('div_print');" value=" 打印 ">
<div id="div_print">
<h1 style="Color:Red">被打印区域：www.phpernote.com</h1>
</div>
这块区域是打印不到的！
</body>
</html>
微信扫一扫，打赏作者吧～
js 实现页面打印功能：等您坐沙发呢！
发表评论
