`
hanbaohong
  • 浏览: 405405 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

只打印网页上JS指定的区域

 
阅读更多
<html>
<head>
<script type="text/javascript" language="javascript"> 
function  printPage(){ 
  var newWin=window.open('about:blank', '', ''); 
  var titleHTML=document.getElementById("doctitle").innerHTML; 
  newWin.document.write(titleHTML); 
  newWin.document.location.reload(); 
  newWin.print(); 
}
</script>
</head> 

<body>
表格外的区域是不打印的哦<br>
<br>
<div id="doctitle">
<table cellspacing="0" cellpadding="5" border="1" width="400"><thead><tr><td>序号</td><td>用户组别</td><td>用户姓名</td><td>登录帐号</td>
</tr>
</thead><tbody><tr><td>1</td><td>214</td><td>匡鑫宇</td><td>20111442</td>
</tr>
  <tr><td>2</td><td>214</td><td>祝子豪</td><td>20111441</td>
  </tr>
  <tr><td>3</td><td>214</td><td>周子琪</td><td>20111440</td>
  </tr>
  <tr><td>4</td><td>214</td><td>周立腾</td><td>20111439</td>
  </tr>
  <tr><td>5</td><td>214</td><td>赵启航</td><td>20111438</td>
  </tr>
  <tr><td>6</td><td>214</td><td>招子昊</td><td>20111437</td>
  </tr>
  <tr><td>7</td><td>214</td><td>张政</td><td>20111436</td>
  </tr>
  <tr><td>8</td><td>214</td><td>张权有</td><td>20111435</td>
  </tr>
  <tr><td>9</td><td>214</td><td>曾智茵</td><td>20111434</td>
  </tr>
  <tr><td>10</td><td>214</td><td>曾宇轩</td><td>20111433</td>
  </tr>
</tbody><tfoot></tfoot></table>
</div> <br><br>
<a href= "javascript:;" onclick= "printPage()">只打印表格中的内容 </a> 
</body> 
</html>

 

分享到:
评论
1 楼 July01 2017-09-27  

最近了解到一款StratoIO打印控件,
功能如下:1、Html友好的打印方式
2、兼容主流浏览器
3、灵活配置的任务
4、交互式打印支持
5、丰富的管理面板和接口
6、个性化服务
浏览器和系统的兼容性都很好,而且不会崩溃。参考http://webprint.stratoio.com/features

相关推荐

    非常好用的Html指定区域打印js代码.rar

    在网页开发中,有时我们需要实现特定功能,让用户能够打印页面上的某一特定区域,而不是整个页面。这个场景就涉及到了HTML的指定区域打印技术。本文将详细介绍如何使用JS来实现这一功能,结合提供的压缩包文件"非常...

    JS打印指定区域,方便使用

    本项目提供了一个JS实现的解决方案,使得用户能够方便地打印指定的页面区域,而不是整个网页。这个功能在很多场景下都非常实用,例如用户可能只想打印一份报告的某个部分,而不是整页内容。 首先,我们需要理解...

    好用的JS打印指定区域

    "好用的JS打印指定区域"这个主题聚焦于如何利用jQuery库来高效地实现网页特定部分的打印功能。jQuery,作为一个广泛使用的JavaScript库,提供了简洁的API,使得开发者可以更加便捷地操作DOM元素,包括对页面区域的...

    js打印指定区域打印预览打印设置,简单方便

    test.html 每个按钮调用一个函数,实现打印指定区域,可预览,可设置

    JQuery打印指定区域

    总结,使用JQuery和相应的插件,我们可以方便地实现在网页上仅打印指定区域的功能。通过合理配置HTML结构、引入必要的库和插件、编写JQuery脚本以及应用CSS媒体查询,我们可以创建一个用户体验良好的打印解决方案。...

    js实现网页特定部分截屏或打印.zip

    3. **window.print()**:如果目标是打印网页的特定区域,JavaScript的`window.print()`函数是关键。这个函数会触发浏览器的打印对话框,用户可以选择打印当前页面或保存为PDF。为了打印特定区域,我们需要创建一个新...

    打印指定区域 JavaScript jsp html

    ### 打印网页指定区域的方法 在Web开发中,经常需要实现打印网页某一部分的功能,尤其是在JSP或HTML页面中。本文将详细介绍几种常见的打印指定区域的方法,包括使用CSS隐藏不需打印的内容、通过JavaScript动态调整...

    js print打印网页指定区域内容的简单实例

    &lt;title&gt;js print打印网页指定区域内容的简单实例 function myPrint(obj) { var newWindow = window.open("打印窗口", "_blank"); var docStr = obj.innerHTML; newWindow.document.write(docStr); newWindow...

    html2canvas使用JavaScript将整个网页或一部分区域截取成图片并导出

    这个工具对于需要在用户端生成屏幕快照或者保存网页内容的应用非常有用,比如社交媒体分享按钮、网页打印预览或者数据分析图表的导出功能。在本文中,我们将深入探讨html2canvas的工作原理、使用方法以及常见问题的...

    js自定义区域打印

    JavaScript(简称JS)是一种轻量级的脚本语言,广泛应用于网页和网络应用开发,包括交互式用户界面、数据验证以及我们今天要讨论的主题——自定义区域打印。自定义区域打印允许用户仅打印网页中特定的部分,而不是...

    window.print打印指定div指定网页指定区域的方法

    总结起来,通过以上三种方法,开发者可以根据具体需求灵活地使用 `window.print()` 来打印网页上的指定div或区域。第一种方法适用于大部分场景,可以简单地隐藏不需要打印的内容;第二种方法适合需要精确控制打印...

    JavaScript打印网页指定区域的例子

    本文详细介绍了使用JavaScript打印网页指定区域的技术原理和实现方法。在网页设计和内容展示中,经常会遇到需要打印特定内容的需求,例如打印一张发票、一个表格或某个页面上的特定部分。传统的网页打印方法通常会...

    js指定打印页面部分内容代码

    在JavaScript中,我们可以使用特定的API来实现对网页部分区域的打印功能。这通常涉及到CSS样式控制和window.print()函数的使用。以下是一些关键知识点的详细解释: 1. **CSS媒体查询**: CSS媒体查询是实现部分...

    .net 页面指定区域打印的方法

    ### .NET 页面指定区域打印的方法 在Web开发中,经常需要实现特定区域的打印功能,尤其是在企业级应用中。本文将详细介绍如何利用HTML、CSS与JavaScript实现.NET页面中指定区域的打印功能,并提供了三种不同的实现...

    去除图片上指定区域水印

    本教程将详细讲解如何去除图片上固定或指定位置的水印,以及介绍一个名为"SimpleBatchWatermarkRemoval"的项目,它提供了批量去除水印的功能。 首先,去除图片水印的方法主要有几种: 1. **手动修图**:使用像...

    利用javascript实现web页面中指定区域打印

    将需要打印的课程表的table放入div标签中,然后指定出需要打印的区域,最后调用window.print打印指定内容。 示例代码(代码中有些内容已省略) 代码如下:function preview() { bdhtml = window.document.body...

    jQuery控制网页打印指定区域的方法

    本文将深入探讨如何利用jQuery实现网页打印指定区域的功能。 首先,要实现这个功能,我们需要在HTML中创建一个包含需要打印内容的特定区域。例如,我们可以创建一个`&lt;div&gt;`元素,并为其分配一个唯一的ID,如...

    js打印WEB页面与打印预览

    JS打印WEB页面与打印预览是指在WEB页面中使用JavaScript语言来实现页面的打印和预览功能。以下是实现这个功能的三种方法: 第一种方法:使用CSS隐藏不打印内容 在这个方法中,我们可以使用CSS来隐藏不需要打印的...

    给大家看一个可以web可以指定打印机的打印.docx

    在下面的代码中,我们使用了两个 TABLE 元素来布局打印区域,并使用了 JavaScript 来实现打印机的指定。 在这个示例中,我们使用了 WSNetwork 和 WebBrowser1 两个对象来实现打印机的控制。WSNetwork 对象用于访问...

Global site tag (gtag.js) - Google Analytics