1. 程式人生 > >js或jquery實現頁面打印可局部打印

js或jquery實現頁面打印可局部打印

結束 jquery實現 ner cli isp jquer npr 獲取 dia

1、js實現(可實現局部打印)
代碼如下:

<html>
<title>js打印</title>
<head></head><body>
<input id=btnprint type=button value=打印 onclick=javascript:window.print(); />

<input id=btnprint type=button value=打印預覽 onclick=preview(1) />
<style type=text/css media=print>
.noprint{display : none }
</style>


<p class="noprint">不需要打印的地方</p>

<script>
function preview(oper)
{
if (oper < 10)
{
bdhtml=window.document.body.innerhtml;//獲取當前頁的html代碼
sprnstr=<!--startprint+oper+-->;//設置打印開始區域
eprnstr=<!--endprint+oper+-->;//設置打印結束區域
prnhtml=bdhtml.substring(bdhtml.indexof(sprnstr)+18); //從開始代碼向後取html

prnhtml=prnhtml.substring(0,prnhtml.indexof(eprnstr));//從結束代碼向前取html
window.document.body.innerhtml=prnhtml;
window.print();
window.document.body.innerhtml=bdhtml;
} else {
window.print();
}
}
</script>
<p>xxxxx</p>
<!--startprint1-->要打印的內容<!--endprint1-->
</body>
</html>

2、調用windows底層打印,報安全警告,不建議使用(不支持局部打印)
代碼如下:

<html>
<head>
<title>javascript打印-打印頁面設置-打印預覽代碼</title>
<meta http-equiv=content-type content=text/html; charset=gb2312 />
<script language=javascript>
  function printsetup(){
  // 打印頁面設置
  wb.execwb(8,1);
  }
  function printpreview(){
  // 打印頁面預覽
    
  wb.execwb(7,1);      
    
  }

  function printit()
  {
  if (confirm(‘確定打印嗎?‘)) {
  wb.execwb(6,6);
  }
  }
  </script>
</head>
<body>

<div align=center>
<object id=wb height=0 width=0
classid=clsid:8856f961-340a-11d0-a96b-00c04fd705a2 name=wb></object>
<input onclick=javascript:printit() type=button value=打印 name=button_print />
<input onclick=javascript:printsetup(); type=button value=打印頁面設置 name=button_setup />
<input onclick=javascript:printpreview(); type=button value=打印預覽 name=button_show />
一按開始的減肥了卡時間段
</div>
</body>
</html>

3、jquery實現(支持局部打印)
代碼如下:

<html>
<head>
<script type=text/javascript src=jquery-1.6.4.js></script>
<script>
$(function(){
$(input#biuuu_button).click(function(){
$(div#myprintarea).printarea();
});
</script>
</head>
<body>
<input id=biuuu_button type=button value=打印></input>
<div id=myprintarea>.....文本打印部分.....</div> <div class="quote_title">引用</div><div class="quote_div"></div>
</body>
</html>

js或jquery實現頁面打印可局部打印