第一种：



<!--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. 《APUE》第三章笔记（4）及习题3-2
			
    APUE第三章的最后面给出的函数,现在还用不着,所以,先留个名字,待到时候用着了再补上好了. dup和dup2函数:用来复制文件描述符的 sync函数,fsync函数和fdatasync函数:大致的功 ...
    
			
    2. 
						
  2. Less使用——让老司机带你飞
			
    为什么我要使用Less less的作为编写css的工具插件,省时.方便.检测,具体的安装,请参考我的一篇文章<sublime text3 个人使用心得>,里面我讲解了安装方法,使用webs ...
    
			
    3. 
						
  3. GDI+ 如何将图片绘制成圆形的图片
			
    大概意思就是不生成新的图片,而是将图片转换为圆形图片. 实现代码如下: private Image CutEllipse(Image img, Rectangle rec, Size size) {  ...
    
			
    4. 
						
  4. DataGridView几个基本属性
			
    DataGridView 经常用到,但是很多东西都不熟悉,以至于总去上网查,这次我整理一下,全部都记下来,再用就方便了. 1.禁止用户新建行,就是去掉最后那个行标题上带星号的那个行 dataGridV ...
    
			
    5. 
						
  5. KISSY学习笔记（更新中）
			
    序:身为一个JAVA开发工程师,前端代码我尽量是使用原生的JS来写的,或是使用一些JQ的开源组件(但是也只是使用,没有好好去研究过JQ这个框架).目前由于工作需要,必须要使用KISSY,打算借此机会, ...
    
			
    6. 
						
  6. python使用psutil获取服务器信息
			
    >>> import psutil 获取cpu信息>>> psutil.cpu_times()scputimes(user=128258.38, nice=12.2 ...
    
			
    7. 
						
  7. Codeforces Round #344 (Div. 2) C. Report
			
    Report 题意:给长度为n的序列,操作次数为m:n and m (1 ≤ n, m ≤ 200 000) ,操作分为t r,当t = 1时表示将[1,r]序列按非递减排序,t = 2时表示将序列[ ...
    
			
    8. 
						
  8. 一步步学习ASP.NET MVC3 (8)——EmptyResult,ContentResult,RedirectResult
			
    请注明转载地址:http://www.cnblogs.com/arhat 上一章,我们阐述了Controller,Action和ActionResult所代表的含义及使用,本章继续研究ActionRe ...
    
			
    9. 
						
  9. 洛谷 P1063 能量项链
			
    题目描述 在Mars星球上,每个Mars人都随身佩带着一串能量项链.在项链上有N颗能量珠.能量珠是一颗有头标记与尾标记的珠子,这些标记对应着某个正整数.并且,对于相邻的两颗珠子,前一颗珠子的尾标记一定 ...
    
			
    10. 
						
  10. bootstrap form
			
    http://getbootstrap.com/examples/starter-template/ <form class="form-horizontal" role=& ...
    
			
    11.