js打印去URL

最新推荐文章于 2024-08-26 17:42:05 发布

椰树海岛

最新推荐文章于 2024-08-26 17:42:05 发布

阅读量4.8k

点赞数

分类专栏： javaScript 文章标签： url javascript html function 报表 java

本文链接：https://blog.csdn.net/caodegao/article/details/7409940

版权

javaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>报表</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<style type='text/css'>
#mytable {
	padding: 0;
	margin: 0;
}

th {
	color: #4f6b72;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-top: 1px solid;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA no-repeat;
}

td {
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}
</style>
		<script language=javascript>

	var styleString = "<style type='text/css'> "+
	   " #mytable {padding: 0;  margin: 0;  }"+
       " th {  "+
       "     color: #4f6b72;  "+
       "     border-left: 1px solid ;  "+
       "     border-right: 1px solid ;  "+
       "     border-bottom: 1px solid ;  "+
       "     border-top: 1px solid ;  "+
       "     letter-spacing: 2px;  "+
       "     text-transform: uppercase;  "+
       "     text-align: left;  "+
       "    padding: 6px 6px 6px 12px;  "+
       "     background: #CAE8EA no-repeat;  "+
       " }  "+
          
       " td {  "+
       " 	border-top: 1px solid ;  "+
       "     border-left: 1px solid ;  "+
       "     border-right: 1px solid ;  "+
       "     border-bottom: 1px solid ;  "+
       "     background: #fff;  "+
       "     padding: 6px 6px 6px 12px;  "+
       "     color: #4f6b72;  "+
       " }  "+
       " </style>";

　　function doPrint() {  
    var oWin=window.open("","_blank");  
    bdhtml=window.document.body.innerHTML;  
    //截取标志位作为打印内容
    sprnstr="<!--startprint-->";  
    eprnstr="<!--endprint-->";  
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);  
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));  
    //把样式也加进去
    oWin.document.write(styleString + prnhtml);  
    oWin.focus();  
    oWin.document.close();  
    oWin.print();   
    oWin.close();   
}  
</script>
	</head>

	<body>
	<button οnclick="javascript:doPrint();">
			打印
		</button>
		<!--startprint-->
		<table cellspacing="0" id='mytable' style="font-size: 12px">
			<tbody>
				<tr>
					<th>
						因为用了上面的样式,th当做td用
					</th>
					<th>
						项目
					</th>
				</tr>
				</tr>
				<td></td>
				<td></td>
				</tr>
				</tbody>
		</table>
		<!--endprint-->
	</body>
</html>