第一种：



<!--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. JSONP(跨域请求) —— 一种非官方跨域数据交互协议
			
    1.JSONP的作用 由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名.协议.端口)的资源,为 了实现跨域请求,可以通过script标签实现跨域请求,然后再服务器端输出JSON数 ...
    
			
    2. 
						
  2. Cassandra1.2文档学习（2）——节点间通信协议之gossip协议
			
    参考文档:http://www.datastax.com/documentation/cassandra/1.2/webhelp/index.html#cassandra/architecture/a ...
    
			
    3. 
						
  3. 星级评论jq
			
    html结构 <div class="list_item"> <span>商品包装满意度:</span> <b class="s ...
    
			
    4. 
						
  4. nginx禁止目录php执行权限
			
    nginx禁止目录php执行权限,找到配置fastcgi.conf文件,一般在/usr/local/nginx/conf/下面,修改如下 location ~* ^/(data|uploads|tem ...
    
			
    5. 
						
  5. python 魔法方法
			
    I am not a creator, I just a porter. Note: Everything is object in python. 对于Python来说一切都是对象,也就是函数的参数 ...
    
			
    6. 
						
  6. codeforces 633D - Fibonacci-ish 离散化 + 二分查询
			
    Fibonacci-ish Yash has recently learnt about the Fibonacci sequence and is very excited about it. He ...
    
			
    7. 
						
  7. CODEVS 3943 数学奇才琪露诺
			
    [题目描述 Description] 作为上白泽慧音老师的出色弟子,数学奇才琪露诺在算术方面有很深的造诣.今天,codevs有幸请到了这位数学界的奇葩作为本场考试的第一题主考官. 琪露诺喜欢0-9之间 ...
    
			
    8. 
						
  8. 我的PHP之旅--数据库连接MySQL服务器，添加 删除 查询
			
    PHP连接MySQL服务器 连接MySQL的方法:mysql_connect(); 语法:resource $link = mysql_connect($hostname, $username, $p ...
    
			
    9. 
						
  9. 微软Hololens学院教程-Hologram 210  Gaze（凝视）【微软教程已经更新，本文是老版本】
			
    这是老版本的教程,为了不耽误大家的时间,请直接看原文,本文仅供参考哦!原文链接:https://developer.microsoft.com/EN-US/WINDOWS/HOLOGRAPHIC/ho ...
    
			
    10. 
						
  10. Python属性、方法和类管理系列之----属性初探
			
    在学习dict的时候,肯定听过dict是Python中最重要的数据类型,但是不一定知道为什么.马上你就会明白原因了. Python中从模块.到函数.到类.到元类,其实主要管理方法就是靠一个一个的字典. ...
    
			
    11.