js或jquery实现页面打印可局部打印

js或jquery实现页面打印(局部打印) 

1、js实现(可实现局部打印) 
代码如下:
[html]  view plain  copy
 print ?
  1. <html>  
  2. <title>js打印title>  
  3. <head>head><body>  
  4. <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />  
  5.   
  6. <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />  
  7. <style type="text/css" media=print>  
  8. .noprint{display : none }  
  9. style>  
  10.   
  11.   
  12. <p class="noprint">不需要打印的地方p>  
  13.   
  14. <script>  
  15. function preview(oper)  
  16. {  
  17. if (oper < 10)  
  18. {  
  19. bdhtml=window.document.body.innerHTML;//获取当前页的html代码  
  20. sprnstr="要打印的内容  
  21. body>  
  22. html>   
2、jQuery实现(支持局部打印) 
代码如下:
[html]  view plain  copy
 print ?
  1. <html>  
  2. <head>  
  3. <script type="text/javascript" src="jquery-1.6.4.js">script>  
  4. <script>  
  5. $(function(){  
  6. $("input#biuuu_button").click(function(){  
  7. $("div#myPrintArea").printArea();  
  8. });  
  9. script>  
  10. head>  
  11. <body>  
  12. <input id="biuuu_button" type="button" value="打印">input>  
  13. <div id="myPrintArea">.....文本打印部分.....div> <div class="quote_title">引用div><div class="quote_div">div>  
  14. body>  
  15. html>  

你可能感兴趣的:(js)