IMZRH的日志

努力成为一个有用的人

导航

javascript中几种操作打印的方法

Posted on 2007-07-24 13:18  张荣华  阅读(1473)  评论(0编辑  收藏  举报

1 局部打印方法:
作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题。
使用方法:将要打印的内容通过 <span id="dayin"></span>包含起来,然后在某个按扭中定义
事件
<input type="button" onclick="dayin()" value="打印">
function dayin()  
{
  var code="<body onload=window.print()>"
  code+=document.all.dayin.innerHTML;
  code=code.toUpperCase();
  code=code.replace(/<A[^>]*>删除<\/A>/gi, "");
  code=code.toLowerCase();
  var newwin=window.open('','','');
  newwin.opener = null;
  newwin.document.write(code);
  newwin.document.close();

 
其中code=code.replace(/<A[^>]*>删除<\/A>/gi, "");

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();">