第一种：



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


//打印

    function preview(DivID) {

        if (oper < ) {

            bdhtml = window.document.body.innerHTML; //获取当前页的html代码

            sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域

            eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域

            prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + ); //从开始代码向后取html 

            prnhtml = prnhtml.substring(, 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" onclick="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" onclick="preview('ex')" />
												


											
js打印的两种方法的更多相关文章
	

    
								
  1. 前端跨域问题相关知识详解（原生js和jquery两种方法实现jsonp跨域）
		
    1.同源策略 同源策略(Same origin policy),它是由Netscape提出的一个著名的安全策略.同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正 ...
    
		
    2. 
						
  2. js去重的两种方法
		
    去重 去重方法和思路也很多,这里就介绍两种吧. 方法一: 1 2 3 4 5 6 7 8 9 10 11 function unique1(arr) {       var res = [],     ...
    
		
    3. 
						
  3. js数组创建两种方法
		
    一.数组直接量形式创建数组 var arr=[];//空数组 ,,,,,]; ,,,],{x:,y:}]; ; ,x+,x+]; console.log(arr3); //[1,3,3,4] ,,]; ...
    
		
    4. 
						
  4. iframe-父子-兄弟页面相互传值(jq和js两种方法)
		
    参考文章: http://blog.csdn.net/u013299635/article/details/78773207 http://www.cnblogs.com/xyicheng/archi ...
    
		
    5. 
						
  5. MyEclipse取消验证Js的两种方法
		
    MyEclipse取消验证Js的两种方法 作者: 字体:[增加 减小] 类型:转载 通过js写一个web工程的相关页面时感觉很卡,修改内存也不行下面有两种解决方法,大家可以尝试下 前言:有时我们通过j ...
    
		
    6. 
						
  6. 获取网页URL地址及参数等的两种方法(js和C#)
		
    转:获取网页URL地址及参数等的两种方法(js和C#) 一 js 先看一个示例 用javascript获取url网址信息 <script type="text/javascript&q ...
    
		
    7. 
						
  7. 原生Js 两种方法实现页面关键字高亮显示
		
    原生Js 两种方法实现页面关键字高亮显示 上网看了看别人写的,不是兼容问题就是代码繁琐,自己琢磨了一下用两种方法都可以实现,各有利弊. 方法一 依靠正则表达式修改 1.获取obj的html2.统一替换 ...
    
		
    8. 
						
  8. 用js写出光棒效应的两种方法与jquery的两中方法
		
    <script src="js/jQuery1.11.1.js" type="text/javascript"></script> &l ...
    
		
    9. 
						
  9. 使用js提交form表单的两种方法
		
    提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. NHibernate多对多关联映射的实现
			
    上次用EF演示了数据库多对多关系的操作,这次我们还是引用上次的案例,来演示如何在C#当中使用NHibernate. 首先介绍一下NHibernate框架的来源.熟悉Java编程的读者肯定知道Hiber ...
    
			
    2. 
						
  2. HttpWebRequest中的KeepAlive
			
    一直不是非常理解.NET中HttpWebRequest的KeepAlive属性有何用处,看了这篇文章就清楚了! http://www.cnblogs.com/lwzz/archive/2011/08/ ...
    
			
    3. 
						
  3. php中 __autoload函数 自动加载类文件机制
			
    魔术函数,自动加载机制function __autoload($class_name) {   //自动传递的是类名$path = str_replace('_', '/', $class_name) ...
    
			
    4. 
						
  4. Yii Query Builder insert()、update()、delete()使用
			
    Yii自带的query builder还是很好用的,省去了拼sql的过程,今天在写一个语句的时候遇到这样一个问题 $connection = Yii::app()->db; $command = ...
    
			
    5. 
						
  5. MVC 中 使用TagBuilder扩展HtmlHelper
			
    TagBuilder就是标签建造器,我们就用它来建造属于我们自己标签生成函数. 无废话,直接上代码 例: using System.Web.Mvc; public static class HtmlE ...
    
			
    6. 
						
  6. controller.pp 各组件的安装顺序
			
    controller 属性:         admin_address => $controller_node_address,         public_address => $c ...
    
			
    7. 
						
  7. post请求json内容丢失问题
			
    今天在项目组用json传输数据 post方法提交 发现传输过去的数据json内的+ 号被直接干掉了. 后来传输之前直接先编码. 接收端: public void ProcessRequest(Http ...
    
			
    8. 
						
  8. hdu 5512 Pagodas 扩展欧几里得推导+GCD
			
    题目链接 题意:开始有a,b两点,之后可以按照a-b,a+b的方法生成[1,n]中没有的点,Yuwgna 为先手, Iaka后手.最后不能再生成点的一方输: (1 <= n <= 2000 ...
    
			
    9. 
						
  9. 【ElasticSearch】
			
    ElasticSearch是基于Lucene开发的分布式搜索框架,包含如下特性: 分布式索引.搜索 索引自动分片.负载均衡 自动发现机器.组建集群 支持Restful 风格接口 配置简单等.
    
			
    10. 
						
  10. 微信开发之开发环境搭建（ visual studio 2015we + IIS express + ngrok）
			
    1. 申请个人测试使用的微信订阅号 https://mp.weixin.qq.com 可注册微信订阅号. 不会?请自行百度. 2. 安装 ngrok 微信开发首先要解决如何让微信链接到本地开发环境.有 ...
    
			
    11.