js或jquery實現頁面列印(局部列印)

來源:互聯網
上載者:User

標籤:實現   xxx   net   fun   idt   頁面   class   exec   enter   



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>    來源:http://www.jb51.net/article/48506.htm

js或jquery實現頁面列印(局部列印)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.