示例代码1
<html>
<head></head>
<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>
<body>
<!--startprint-->
<div id="print">要打印的内容</div>
<!--endprint-->
<INPUT onclick="doPrint()" type="button" value="打印"/>
<body>
</html>
示例代码2
<script>
function print(d){
for(i=0;i<4;i++){
if(i==d) eval("div"+i).style.visibility="visible";
else eval("div"+i).style.visibility="hidden";
}
document.all.wb.ExecWB(7,1);
for(i=0;i<4;i++){
eval("div"+i).style.visibility="visible";
}
}
</script>
<div id=div0>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button value=打印预览 onclick="wb.execwb(7,1)">
<input type=button onClick=document.all.wb.ExecWB(6,1) value="打印">
<input type=button value=打印表格1 onclick=print("1")>
<input type=button value=打印表格2 onclick=print("2")>
<input type=button value=打印3 onclick=print("3")>
</div>
<div id=div1>
表格一：<br>
<table>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
</table>
</div>
<div id=div2>
表格二：<br>
<table>
<tr><td>2222</td><td>2222</td><td>2222</td></tr>
<tr><td>2222</td><td>2222</td><td>2222</td></tr>
<tr><td>2222</td><td>2222</td><td>2222</td></tr>
</table>
</div>
<div id=div3>
测试文字3333
测试文字3333
测试文字3333
测试文字3333
</div>
示例代码3
<html>
<head>
<title>看看</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--media=print 这个属性可以在打印时有效-->
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<style>
.tdp
{
border-bottom: 1 solid #000000;
border-left: 1 solid #000000;
border-right: 0 solid #ffffff;
border-top: 0 solid #ffffff;
}
.tabp
{
border-color: #000000 #000000 #000000 #000000;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.NOPRINT {
font-family: "宋体";
font-size: 9pt;
}
</style>
</head>
<body >
<center class="Noprint" >
<p>
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0>
</OBJECT>
<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)>
<br/>
</p>
<hr align="center" width="90%" size="1" noshade>
</center>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td colspan="3" class="tdp">第1页</td>
</tr>
<tr>
<td width="29%" class="tdp"> </td>
<td width="28%" class="tdp"> </td>
<td width="43%" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp"><p>这样的报表</p>
<p>对一般的要求就够了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<!--分页-->
<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td class="tdp">第2页</td>
</tr>
<tr>
<td class="tdp">看到分页了吧</td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp"><p>这样的报表</p>
<p>对一般的要求就够了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
"好用的JS打印指定区域"这个主题聚焦于如何利用jQuery库来高效地实现网页特定部分的打印功能。jQuery，作为一个广泛使用的JavaScript库，提供了简洁的API，使得开发者可以更加便捷地操作DOM元素，包括对页面区域的...
test.html 每个按钮调用一个函数，实现打印指定区域，可预览，可设置
本项目提供了一个JS实现的解决方案，使得用户能够方便地打印指定的页面区域，而不是整个网页。这个功能在很多场景下都非常实用，例如用户可能只想打印一份报告的某个部分，而不是整页内容。 首先，我们需要理解...
提到的`jquery.PrintArea.js`文件是一个JQuery插件，用于实现打印特定区域的功能。在引入JQuery之后，我们也需要引入这个插件： ```html <script src="jquery.PrintArea.js"> ``` 3. **配置打印区域** 在HTML...
在网页开发中，有时我们需要实现特定功能，让用户能够打印页面上的某一特定区域，而不是整个页面。这个场景就涉及到了HTML的指定区域打印技术。本文将详细介绍如何使用JS来实现这一功能，结合提供的压缩包文件"非常...
本文将详细介绍几种常见的打印指定区域的方法，包括使用CSS隐藏不需打印的内容、通过JavaScript动态调整页面结构进行打印等。 #### 一、使用CSS隐藏不需打印的内容 这种方法的基本思想是利用CSS中的`@media print`...
JavaScript（简称JS）是一种轻量级的脚本语言，广泛应用于网页和网络应用开发，包括交互式用户界面、数据验证以及我们今天要讨论的主题——自定义区域打印。自定义区域打印允许用户仅打印网页中特定的部分，而不是...
<title>js print打印网页指定区域内容的简单实例 function myPrint(obj) { var newWindow = window.open("打印窗口", "_blank"); var docStr = obj.innerHTML; newWindow.document.write(docStr); newWindow...
3. **window.print()**：如果目标是打印网页的特定区域，JavaScript的`window.print()`函数是关键。这个函数会触发浏览器的打印对话框，用户可以选择打印当前页面或保存为PDF。为了打印特定区域，我们需要创建一个新...
JS打印WEB页面与打印预览是指在WEB页面中使用JavaScript语言来实现页面的打印和预览功能。以下是实现这个功能的三种方法： 第一种方法：使用CSS隐藏不打印内容 在这个方法中，我们可以使用CSS来隐藏不需要打印的...
"Js打印功能，支持局部打印"这一主题，主要涉及的是JavaScript在网页中实现打印的功能，特别是如何实现对特定区域（局部）的打印。 JavaScript是一种广泛用于网页开发的脚本语言，它可以直接在用户的浏览器上运行，...
本文详细介绍了使用JavaScript打印网页指定区域的技术原理和实现方法。在网页设计和内容展示中，经常会遇到需要打印特定内容的需求，例如打印一张发票、一个表格或某个页面上的特定部分。传统的网页打印方法通常会...
PrintMe 是一个专门为 JavaScript 设计的轻量级打印库，其主要功能是允许用户打印页面中的特定区域，同时可以隐藏不希望在打印时显示的其他内容。这个库尤其适合那些需要对打印内容进行精确控制的网页应用。在本文中...
总的来说，"工具-打印：js打印插件"的主题涉及到JavaScript在网页打印中的应用，包括打印特定区域、兼容性处理、样式控制和用户体验优化等多个方面。开发者需要具备扎实的JavaScript和CSS基础，以及对浏览器特性的...
JavaScript（简称JS）提供了多种方式来实现网页内容的打印，包括打印整个页面或页面上的特定区域。本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一：使用iframe实现区域打印 ...
在JavaScript中实现对打印页面的定制化设置，如页边距、页眉和页脚的配置，是一项进阶技能，尤其对于需要精确控制打印输出的Web应用而言至关重要。本文将深入探讨如何使用JavaScript来调整打印时的页边距，设置或...
6. **RitsC-PrintArea-2.4.0-0-g2cc7234**：这可能是另一个JavaScript打印解决方案的版本号，它可能提供了一个选择打印区域的功能，允许用户仅打印网页的特定部分，而不是整个页面。 7. **javascript实现页面打印...
- `mode`：可以设置为`"area"`（打印指定区域）或`"document"`（打印整个文档）。 - `target`：设置要打印的元素，可以是ID、类名或元素选择器。 - `exclude`：排除不打印的元素。 例如，如果想使用弹出窗口...
将需要打印的课程表的table放入div标签中，然后指定出需要打印的区域，最后调用window.print打印指定内容。 示例代码（代码中有些内容已省略） 代码如下:function preview() { bdhtml = window.document.body...