首页 > Web开发 > 详细

js打印div指定区域内容

时间：2019-09-03 10:48:33      阅读：86      评论：0      收藏：0      [点我收藏+]

js打印div指定区域内容

2017年08月11日 11:29:31  阅读数 572更多
分类专栏： js jsp
 


    

  1. 

     
    

    

    <script>
    

    

    2. 

  2. 

     
    

    

    function myPrint(obj){
    

    

    3. 

  3. 

     
    

    

    var newWindow=window.open("打印窗口","_blank");//打印窗口要换成页面的url
    

    

    4. 

  4. 

     
    

    

    var docStr = obj.innerHTML;
    

    

    5. 

  5. 

     
    

    

    newWindow.document.write(docStr);
    

    

    6. 

  6. 

     
    

    

    newWindow.document.close();
    

    

    7. 

  7. 

     
    

    

    newWindow.print();
    

    

    8. 

  8. 

     
    

    

    newWindow.close();
    

    

    9. 

  9. 

     
    

    

    }
    

    

    10. 

  10. 

     
    

    

    </script>
    

    

    11. 

  11. 

     
    

    

    <div id="print">
    

    

    12. 

  12. 

     
    

    

    <hr />
    

    

    13. 

  13. 

     
    

    

    打印演示区域,点击打印后会在新窗口加载这里的内容！
    

    

    14. 

  14. 

     
    

    

    <hr />
    

    

    15. 

  15. 

     
    

    

    </div>
    

    

    16. 

  16. 

     
    

    

    <button οnclick="myPrint(document.getElementById(‘print‘))">打 印</button>
    

    

    17. 

  17. 

     
    

    18. 



js打印div指定区域内容
原文：https://www.cnblogs.com/mouseleo/p/11451082.html

                

                
                

                    

                        

                            

                                

                                    踩

                                

                                    (0)

                            

                            

                                

                                    赞

                                

                                    (0)

                            

                            

                            

                        

                        

                            

                                    
                                
                            

                        

                    

                    

                        举报
                    

                    
                    

                        

                            评论 一句话评论（0）
                        

                        

                            
                            

                                
                            

                        

                        

                            

                            

                                

                                

                                

                                    
                                

                            

                            
                            

                        

                    

                

                
            

        

        

            

    



            
            


    

        

            分享档案

        

            更多>
        

        

        

    

    

        
                
                    2021年09月23日
                    (328)

            
                
                    2021年09月24日
                    (313)

            
                
                    2021年09月17日
                    (191)

            
                
                    2021年09月15日
                    (369)

            
                
                    2021年09月16日
                    (411)

            
                
                    2021年09月13日
                    (439)

            
                
                    2021年09月11日
                    (398)

            
                
                    2021年09月12日
                    (393)

            
                
                    2021年09月10日
                    (160)

            
                
                    2021年09月08日
                    (222)

            
    




            


    

        
最新文章

        

            更多>

        

        

    

    

        
    




            


    

        
教程昨日排行

        

            更多>

        

        

    

    

        
    




            
        

        

        

    

    
    

    

        

            友情链接
        

        

            汇智网  
            PHP教程  
            插件网  
					
			
        

    





    

        

            

                关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
            

            

                © 2014 bubuko.com 版权所有
            

            

                打开技术之扣，分享程序人生！