第一种：



<!--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. JavaScript自定义方法实现trim()、Ltrim()、Rtrim()
			
    去除字符串两端的空格,是字符串处理非常常用的方法如何trim() .Ltrim() .Rtrim(),可惜的是javascript中无此方法,下面有个不错的自定义教程感兴趣的朋友可以参考下 去除字符串 ...
    
			
    2. 
						
  2. Codeforces Round #334 (Div. 1) C. Lieges of Legendre
			
    Lieges of Legendre 题意:有n堆牛,每堆有ai头牛.两个人玩一个游戏,游戏规则为: <1>从任意一个非空的堆中移走一头牛: <2>将偶数堆2*x变成k堆,每堆 ...
    
			
    3. 
						
  3. <六> jQuery 获得内容和属性
			
    获得内容 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() -  ...
    
			
    4. 
						
  4. joda jar日期处理类的学习
			
    转载:http://www.open-open.com/lib/view/open1348032952724.html 任何企业应用程序都需要处理时间问题.应用程序需要知道当前的时间点和下一个时间点, ...
    
			
    5. 
						
  5. axure rp pro 6.5
			
    现在地址:http://www.xdowns.com/soft/1/95/2012/Soft_94434.html Axure6.5正式版推出了,大大改善了用户体验以及修复了很多6.0上的bug. 而 ...
    
			
    6. 
						
  6. writeToFile 读写文件问题
			
    关于 writeToFile 读写文件:当字典中键值对以 Model(例如:studentModel)为值时发现 Dictionary 调用 writeToFile 方法无法生成 plist 文件,经 ...
    
			
    7. 
						
  7. javascript技巧合集
			
    转http://www.blogjava.net/zhaochengming/archive/2010/04/09/317837.html http://www.cnblogs.com/fxgachi ...
    
			
    8. 
						
  8. 服务器部署_centos 安装nginx手记
			
    前言: a.linux上安装nginx网上有很多文章,本文仅仅是自己整理备忘. b.安装centos的时候,把develop相关组件都装上,免得缺这个缺哪个. c. 本文软件版本:nginx-1.2. ...
    
			
    9. 
						
  9. HTTP Header 入门详解
			
    什么是HTTP Headers HTTP是"Hypertext Transfer Protocol"的所写,整个www都在使用这种协定,几乎你在流览器里看到的大部分内容都是通过ht ...
    
			
    10. 
						
  10. 实时时钟、系统时钟和CPU时钟的区别
			
    http://blog.sina.com.cn/s/blog_68f909c30100pli7.html 实时时钟:RTC时钟,用于提供年.月.日.时.分.秒和星期等的实时时间信息,由后备电池供电,当 ...
    
			
    11.