js打印的两种方法

最新推荐文章于 2022-08-06 12:44:26 发布
最新推荐文章于 2022-08-06 12:44:26 发布
阅读量231 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/siyunianhua/p/4950763.html
版权

第一种：

 
  
 <!--startprint1-->
……打印的内容放在这里……
 <!--endprint1-->
 
  

//打印
    function preview(DivID) {
        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();
        }

    }
 
 
 
 
<input type="button" value="打印" id="btnPrint" οnclick="preview('ex')" />
 
 
第二种
 
 
 
  
//打印
function preview(DivID) {

var disp_setting = "toolbar=yes,location=no,";
disp_setting += "directories=yes,menubar=yes,";
disp_setting += "scrollbars=yes,width=985px";
var content_vlue = document.getElementById(DivID).innerHTML;
var docprint = window.open("", "", disp_setting);
docprint.document.open();
docprint.document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"');
docprint.document.write('"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">');
docprint.document.write('<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">');
docprint.document.write('<head><title>My Title</title>');
docprint.document.write('<style type="text/css"> table.gridtable{font-family: verdana,arial,sans-serif;font-size: 14px;color: #123456; border-width: 1px;border-color: #123456;border-collapse: collapse; width: 985px;}'); 
docprint.document.write('table.gridtable th{border: 1px solid #666666;padding: 8px;background-color: #dedede;text-align: center;}'); 
docprint.document.write('table.gridtable td{border: 1px solid #666666;padding: 8px;color: #123455;font-size: 13px;height: 10px;background-color: #ffffff;text-align: center;}');
docprint.document.write('table.gridtable th{border: 1px solid #666666;padding: 8px;background-color: #dedede;text-align: center;}');
docprint.document.write('#JXFX div h1{background-color: #D1D1D1;width: 35%;letter-spacing: 2.5px;}');
docprint.document.write('#JXFX #getMonthWeek{width: 130px;text-align: center;float: right;}');
docprint.document.write('</style>');
docprint.document.write('</head><body onLoad="self.print()"><center>');
docprint.document.write(content_vlue);
docprint.document.write('</center></body></html>');
docprint.document.close();
docprint.focus();

}
 
 
 
 
这个可以自己设置样式，直接拼接起你想要的样式就可以了
 
 
<input type="button" value="打印" id="btnPrint" οnclick="preview('ex')" />
 
 
 
 

 

转载于:https://www.cnblogs.com/siyunianhua/p/4950763.html

                

        

        




    




    

      

        

            

              
                
                  dianjin3567
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
打印的JS方法

				
			

			

				

					05-31
				

			

		

		

			
				
打印的JS方法,可把页面上的内容直接打印出来

			
		

	



                

              
                



	

		

			

				
					
JS实现打印两方法.txt

				
			

			

				

					11-12
				

			

		

		

			
				
### JS实现打印两种方法  #### 一、使用`Object`对象进行打印  在网页开发过程中，打印功能是一项非常实用的功能，它可以方便用户保存当前页面的信息。JavaScript提供了多种方式来实现打印功能，其中一种是通过创建...

			
		

	



                


  
              

                


	

		

			

				
					
解析JS中实现打印的两种方式

				
			

			

				

					minsheng0825的专栏
				

				

					02-28
					
					1146
					
				

			

		

		

			
				

本文向大家简单介绍一下JS实现打印两方法，一种是用Object实现打印，另一种是用JS自带函数打印，希望本文介绍对你有所帮助。
<br /> <br />一般要实现点击“打印”按钮以后就将页面打印出来JS中有两种方法，这里向大家简单介绍一下，相信本文介绍一定会让你有所收获。<br />JS实现打印两方法<br />要实现点击“打印”按钮以后就将页面打印出来JS中一般有两种方法。<br />1.用Object实现打印<br />添加对象<objectIDobjectID=WebBrowser1WIDTH

			
		

	





	

		

			

				
					
JS打印

				
			

			

				

					weixin_34032621的博客
				

				

					10-16
					
					70
					
				

			

		

		

			
				
<html><head><title>javascript打印-打印页面设置-打印预览代码</title><meta http-equiv=content-type content="text/html; charset=gb2312" /><script language=javascript>   function pri...

			
		

	



		

			
		



	

		

			

				
					
js实现打印

				
			

			

				

					weixin_30786617的博客
				

				

					05-06
					
					68
					
				

			

		

		

			
				
因为工作中使用需要打印，刚刚测试号的，可以使用。

转载于:https://www.cnblogs.com/joypen/archive/2009/05/06/1693137.html

			
		

	





	

		

			

				
					
【jqprint打印】js两种超简单的打印方法

				
			

			

				

					baidu_41599099的博客
				

				

					04-13
					
					2万+
					
				

			

		

		

			
				
1.用jqprint插件实现打印

快速使用

jqprint是一个简单好用的打印插件，可以实现局部打印，首先是引入jq,,然后引入jqprnt



//打印
        $("#fh").jqprint({
         debug: false,      
         importCSS: true,   ...

			
		

	





	

		

			

				
					
vue实现打印功能的两种方法

				
			

			

				

					12-29
				

			

		

		

			
				
第一种方法：通过npm 安装插件 1，安装 npm install vue-print-nb --save 2，引入 安装好以后在main.js文件中引入    import Print from 'vue-print-nb'  Vue.use(Print); //注册 3，现在就可以使用了　  　 　...

			
		

	





	

		

			

				
					
【JavaScript源代码】vue实现页面打印自动分页的两种方法.docx

				
			

			

				

					12-29
				

			

		

		

			
				
本文将介绍两种方法来实现这一功能，主要基于JavaScript。这两种方法都是通过自定义函数来处理打印过程，确保内容能正确地分页显示。  ### 方法一：通过`ref`方式获取元素进行打印  在Vue中，`ref`属性可以用来获取...

			
		

	





	

		

			

				
					
html实现打印功能

				
			

			

				

					m-dididid的博客
				

				

					05-07
					
					4945
					
				

			

		

		

			
				
实现代码  写入js文件中
 // 打印
 function preview(oper) {
   if (oper < 10) {
     bdhtml = window.document.body.innerHTML; //获取当前页的html代码
     sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
     eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束

			
		

	





	

		

			

				
					
JavaScript 实现打印操作

				
			

			

				

					weixin_38168139的博客
				

				

					08-30
					
					1155
					
				

			

		

		

			
				
一.打印当前页面指定元素中的内容
方式一：直接使用window.print();
（1）首先获得元素的html内容（这里建议如果有样式最好是用内联样式的方式）
 var newstr = document.getElementById(myDiv).innerHTML;//得到需要打印的元素HTML
（2）保存当前页面的整个html，因为window.print()打印操作是打...

			
		

	





	

		

			

				
					
网页自由打印控件-实现网页中任意定位打印（免费版）网页自由打

				
			

			

				

					02-23
				

			

		

		

			
				
网页自由打印控件使用方法功能：本控件可以在浏览器中直接实现任意定位打印；用途：适用于B/S系统的报表打印,尤其适用于票据打印和套打；现在这个新编写的DLL控件比以前发布的OCX更稳定使用前,先注册一下,运行目录下的“注册控件.bat”即可注册然后在网页中直接调用卸载时运行“反注册控件.bat”使用方法：在网页中可以直接用JavaScript和VBScript调用被控件JavaScript调用语句：TML = new ActiveXObject("TML.TMLi");VBScript调用语句：set TML=CreateObject("TML.TMLi") ‘创建对象,DLL库名为TML,其中TMLi为对象控件中包含两个函数addTXT "作者,字体,字号,X坐标,Y坐标,文字"p dmPaperWidth文档宽,dmPaperLength文档长addTXT语句为添加文字到打印文档中，参数有"作者,字体,字号,X坐标,Y坐标,文字"p语句为打印函数,格式：dmPaperWidth文档宽,dmPaperLength文档长以下为完整的VBScript打印程序：（查看源代码） <script language="vbscript">set TML=CreateObject("TML.TMLi") ‘创建对象,DLL库名为TML,其中TMLi为对象TML.addTXT "李天盟,华文中宋,24,100,200,额外认为" ‘本addTXT语句为添加文字到打印文档中TML.addTXT "李天盟,华文中宋,12,110,300,额外认为" ‘格式为"作者,字体,字号,X坐标,Y坐标,文字"TML.addTXT "李天盟,华文中宋,12,120,320,┏━━━━━━━━━━━━━━━━┓"TML.addTXT "李天盟,华文中宋,12,120,325,┃ ┃ ┃ ┃ ┃ ┃ ┃ ┃ "TML.p 3000,2000 ‘语句p为打印函数,格式：dmPaperWidth文档宽,dmPaperLength文档长set TML=nothing</script>

			
		

	





	

		

			

				
					
微信小程序js console.log()打印object却显示为字符串[object Object】

				
			

			

				

					weixin_47134320的博客
				

				

					05-14
					
					1940
					
				

			

		

		

			
				
原因是在console.log()打印的时候拼接了字符串，所以后面的对象也被转成了字符串，所以没有显示出对象本来的层次


			
		

	





	

		

			

				
					
微信JS接口

				
			

			

				

					weixin_34060299的博客
				

				

					01-08
					
					197
					
				

			

		

		

			
				
关键字：微信公众平台 JSSDK 发送给朋友 分享到朋友圈 onMenuShareTimeline onMenuShareAppMessage 作者：方倍工作室 原文：http://www.cnblogs.com/txw1958/p/weixin-js.html 
 
在这篇微信公众平台开发教程中，我们将介绍如何在网页中实现发送给朋友和分享到朋友圈时内容参数自定义的功能。
本文分为以下二个部...

			
		

	





	

		

			

				
					
window.print()打印网页中指定内容的实现方法

				
			

			

				

					向柚看_
				

				

					09-14
					
					1万+
					
				

			

		

		

			
				
window.print()打印网页中指定内容的实现方法

			
		

	





	

		

			

				
					
jQuery打印Html页面自动分页

				
			

			

				

					weixin_34221276的博客
				

				

					06-26
					
					762
					
				

			

		

		

			
				
最近项目中需要用到打印HTML页面，需要指定区域打印，使用jquery.PrintArea.js 插件 用法： 


Javascript代码  




$("div#printmain").printArea();  




但还是会打印DIV后面的内容，这里可以使用CSS控制打印分页 


Css代码  




&lt;div style="pa...

			
		

	





	

		

			

				
					
JavaScript小案例——输入两个数，计算两者的和，打印到页面中

					
最新发布

				
			

			

				

					weixin_54645034的博客
				

				

					08-06
					
					4679
					
				

			

		

		

			
				
简单实操js的输入输出

			
		

	





	

		

			

				
					
Js打印方法

				
			

			

				

					javazilu的专栏
				

				

					07-22
					
					1993
					
				

			

		

		

			
				
<inputid="btnPrint"type="button"value="打印预览"onclick=preview(1)/>

<script>

functionpreview(oper)

{

if(oper<10)

{

debugger

bdhtml=window.document.body.i...

			
		

	





	

		

			

				
					
VB的几种打印方法

				
			

			

				

					anmangchen6041的博客
				

				

					12-20
					
					881
					
				

			

		

		

			
				
我们编程时，如果在程序中加入“打印”功能会使程序更加完善，更加专业。下面，我提供几种编写打印程序的方法以供大家参考。　　1. 采用Visual Basic提供的简单打印函数PrintForm方法　　应用程序窗体的PrintForm方法时Visual Basic把当前窗体的位图送到打印机。该方法的优点在于它几乎不需要任何编程但也有很大缺陷。最为突出的是当低分辨率图形在高分辨率打印机上打...

			
		

	





	

		

			

				
					
PrintDocument打印、预览、打印机设置和打印属性的方法（较完整）

					
热门推荐

				
			

			

				

					編程愛好的专栏(球)
				

				

					04-24
					
					4万+
					
				

			

		

		

			
				
C# 中打印、预览、打印机设置和打印属性的方法http://www.veryhuo.com 2011-10-08 烈火学院 投递稿件 我有话说private void Form1_Load(object sender, System.EventArgs e)

{ 
//获取或设置一个值，该值指示是否发送到文件或端口 
printDocument1.PrinterSettings.Prin

			
		

	





	

		

			

				
					
Vue实现页面打印自动分页：两种方法解析

				
			

			

				

					
				

			

		

		

			
				
这两种方法各有优劣。使用`ref`和`Print`类的方式更灵活，能够自定义打印范围和样式，但可能涉及更多的JavaScript操作。而利用CSS媒体查询则更简单，但对分页的控制不如JavaScript直接。开发者可以根据项目需求选择...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值