网页局部打印实现方法(转)

转自http://flyercn.com/

局部打印方法:

作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题。
使用方法:将要打印的内容通过

<span id="dayin"></span>

包含起来

添加一个按钮,来激活这个打印

<input type="button" onclick="dayin()" value="打印">

添加一个js,header 或 footer

function dayin()     
{ var code="<body onload=window.print()>"; code+=document.getElementById("dayin").innerHTML; code+="</body>"; var newwin=window.open('','',''); newwin.opener = null; newwin.document.write(code); newwin.document.close();   
}

2 利用CSS实现局部打印 介绍两个关键的CSS

<style media="print"> .Noprint { DISPLAY: none }  .PageNext{ PAGE-BREAK-AFTER: always } </style>

第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内) 接下来通过调用最基本的js语句 window.print()就可实现页面局部打印了,很easy吧!

 3 打印预览

<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=3></OBJECT> <input class="ipt" type=button name= button _print value="打印" onclick ="  javascript  :printit();"> <input class="ipt" type=button name=button _setup value="打印页面设置" onclick ="  javascript  :  printsetup();"> <input class="ipt" type=button name=button_show value="打印预览" onclick="javascript:printpreview();"> <input class="ipt" type=button name= button _fh value="关闭" onclick ="    javascript:window.close();">

未经允许不得转载:大谋菠萝格 » 网页局部打印实现方法(转)

打赏 收藏
分享到: +