想实现局部区域打印功能,代码如下,怎么完善?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
.Noprint{ font-size:12px;}
-->
</style>
<body>
<table width="934" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td<input type=button value=打印></td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
<td<input type=button value=打印></td>
</tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
<td<input type=button value=打印></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
.Noprint{ font-size:12px;}
-->
</style>
<body>
<table width="934" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td<input type=button value=打印></td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
<td<input type=button value=打印></td>
</tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
<td<input type=button value=打印></td>
</tr>
</table>
</body>
</html>
解决方案 »
- 高分求助:一键复制页面里的图片的问题
- window.open()怎么样才能被浏览器阻止
- 关于javascript正则表达式
- 页面载入后通过js读取所有class='tt'的图片,再往图片页面插入一个包含文字与按钮的DIV,可是这时DIV会把图片下的内容挡住,怎么处理?
- javascript代码在FIREFOX中正常运行,IE报很多错误。
- 求一简单正则表达式
- 请问如何在js中调用request对象
- 很Cool的时间(不是日期)输入框.不是免费的.
- 如何在输入过程中做只能输入数字的判断?急,在线等待
- 在不使用chrome扩展插件的情况下,如何通过js获取所有已经打开的chrome浏览器tab列表?
- javascript 修改DIV的高度
- Firefox里面不滚动,怎么回事?
http://hi.baidu.com/qiuwei11a/blog/item/7caab851a0ea1b2f42a75be3.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
.Noprint{ font-size:12px;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function doPrint(print) {
var bdhtml=window.document.body.innerHTML;
sprnstr="<!--start"+print+"-->";
eprnstr="<!--end"+print+"-->";
var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr)+18);
prnhtml = prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
}
//-->
</SCRIPT>
<body>
<table width="934" border="0" cellpadding="0" cellspacing="0">
<tr>
<!--startprint1-->
<td>a</td>
<td>b</td>
<td>c</td>
<td><input type="button" value="打印1" onclick="doPrint('print1')"></td>
<!--endprint1-->
</tr>
<tr>
<!--startprint2-->
<td>d</td>
<td>e</td>
<td>f</td>
<!--endprint2-->
<td><input type="button" value="打印2" onclick="doPrint('print2')"></td>
</tr>
<tr>
<!--startprint3-->
<td>g</td>
<td>h</td>
<td>i</td>
<!--endprint3-->
<td><input type=button value=打印3 onclick=doPrint('print3')></td>
</tr>
</table>
</body>
</html>