«

js 实现页面打印功能

时间:2024-1-28 13:32     作者:韩俊     分类: Javascript


要实现页面打印功能。这个需求往往听起来挺复杂,挺高级的,其实没那么难,下面本文分享一种超简单的方法实现页面的打印功能,不仅可以打印整个页面,还可以打印页面某块区域。下面是具体的实例代码:

<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.maopiaopiao.com</h1>
</div>
这块区域是打印不到的!
</body>
</html>

标签: javascript

热门推荐