网页开发的很多时候我们需要实现页面打印功能，有可能要求整页打印，也可能要求区域打印。这种需求往往听起来挺复杂，挺高级的，其实没那么难，并且实现页面打印功能的方法也很多，比如可以通过CSS控制、JS控制、外部控件或window自带的功能等；下面本文分享一种超简单的方法实现页面的打印功能，不仅可以打印整个页面，还可以打印页面某块区域。下面是具体的实例代码：
<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.codetc.com</h1>
</div>
这块区域是打印不到的！
</body>
</html>
文章来源 CODETC，欢迎分享，转载请注明地址：
http://www.codetc.com/article-189-1.html
|