`
85977328
  • 浏览: 1903504 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery打印指定的div

jQueryJavaXMLHTML 
阅读更多
    本文实现了jquery1.4.3对div打印。
实现步骤
1)引用2个js文件
2)定义打印区域的div，打印按钮
3)为打印按钮绑定打印事件
代码如下: 
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import="java.util.*"%>
<html>
	<head>
		<title></title>
	</head>
	<script type="text/javascript" src="jquery-1.4.3.js"></script>
	<script type="text/javascript" src="jquery.PrintArea.js"></script>
	<body>
		<input id="btnPrint" type="button" value="打印"/>
		<div id="myPrintArea">
			====打印区域====
		</div>
	</body>
	<script type="text/javascript">
		$(function(){
			//打印
			$("#btnPrint").bind("click",function(event){
				$("#myPrintArea").printArea();
			});
		});
	</script>
</html>
  • js.rar (47.5 KB)
  • 下载次数: 1763
10
顶
5
踩
分享到：
| StringBuilder简介
评论
8 楼 July01 2017-09-27  

最近了解到一款StratoIO打印控件，
功能如下：1、Html友好的打印方式
2、兼容主流浏览器
3、灵活配置的任务
4、交互式打印支持
5、丰富的管理面板和接口
6、个性化服务
浏览器和系统的兼容性都很好，而且不会崩溃。参考http://webprint.stratoio.com/features
7 楼 winter8 2014-11-19  
谢谢，很好用哦
6 楼 85977328 2014-06-06  
没想到这么久远的代码，还有人能用上。。。
5 楼 85977328 2014-06-06  
sttyy 写道
谢谢，很好用

我四年前写的文章，我自己都忘记了。。。
4 楼 sttyy 2014-06-06  
谢谢，很好用
3 楼 85977328 2013-04-03  
iceboy800 写道
非常感谢正好需要！

之前我是在ie8上弄的，时间太久远了，我也想不起来了。不好意思。。。
2 楼 iceboy800 2013-04-02  
非常感谢正好需要！
1 楼 284610120 2012-06-04  
谢谢，正需要这个~~~~
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS控制打印指定div（且控制css样式）的一种另类思路

    打印指定div的插件并不多，使用JPrintArea进行指定div打印也并不好控制，此段js代码是在他人基础上融入了自己的想法，经过测试，纸张打印出来的样式在多个浏览器（ie6、ie7、ie8、火狐、谷歌）上可以做到基本统一，...

    JQuery打印指定区域

    本篇文章将详细探讨如何使用JQuery实现“打印指定区域”的功能。 首先，我们需要理解JQuery的核心理念：它简化了JavaScript的DOM操作，提供了丰富的选择器和方法，使得JavaScript编程更加简洁高效。在JQuery中处理...

    jquery 打印区域div元素内容.zip

    &lt;title&gt;jQuery打印div元素 &lt;script src="jquery-1.4.4.min.js"&gt; &lt;!-- HTML 内容 --&gt; &lt;div id="printArea"&gt;这里是需要打印的内容&lt;/div&gt; 打印 $(document).ready(function() { // 在这里编写jQuery代码 })...

    jquery刷新DIV

    当我们谈论“jQuery刷新DIV”，我们实际上是在讨论如何利用jQuery更新页面上某个特定的DOM元素，即DIV，而无需重新加载整个页面。这种局部刷新的技术可以提高用户体验，因为它减少了网络流量，使得页面更新更为流畅...

    jQuery打印指定区域Html页面并自动分页

    在这种情况下，`jQuery.PrintArea.js`插件提供了一个解决方案，它允许我们指定要打印的区域，并且能够自动进行分页。这个插件特别适用于那些内容较多、需要跨多页打印的场景。 使用`jQuery.PrintArea.js`的基本步骤...

    JQUERY 实现条码生成和指定打印内容（预览效果）

    接下来，为了实现打印指定区域，我们可以利用jQuery来操作DOM，选取需要打印的div或其他元素，并结合window.print()函数来触发浏览器的打印预览。例如，如果要打印id为"printArea"的div： ```javascript $("#print...

    jQuery打印插件PrintArea

    jQuery PrintArea是一款实用的前端打印解决方案，专为网页开发者设计，使得用户可以方便地选择并打印网页中的特定区域。这个插件的核心功能是通过简单的API调用来设置需要打印的内容，避免了全屏打印或者不必要的...

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

    本文将详细介绍如何使用 jQuery 控制网页打印指定区域的方法。 首先，我们需要了解基本的 HTML 和 JavaScript 知识。HTML 是构成网页的基本元素，而 JavaScript 是一种广泛使用的客户端脚本语言，用于增加网页的...

    jquery 打印控件

    jQuery Print Area插件允许开发者指定网页中的某个部分作为打印区域，而不是打印整个页面。这使得用户在打印时能够排除不必要的广告、侧边栏或其他非关键信息，提高打印效率和质量。此外，该插件兼容所有主流浏览器...

    jQuery打印插件jqprint

    jQuery打印插件jqprint是网页开发中用于实现用户友好打印功能的一个工具，它极大地简化了在JavaScript和jQuery环境中实现页面内容打印的过程。jqprint插件允许开发者通过简单的API调用和自定义设置，轻松地将网页中...

    jquery printArea打印案例

    在提供的文件列表中，`jQuery打印插件PrintArea实现.docx`可能是关于这个插件更详细的使用教程或案例分析，而`clf.html`可能是一个包含PrintArea插件示例的HTML文件，`jquery.PrintArea.js`则是实际的插件源码。...

    jQuery插件打印

    它的主要功能是允许用户打印指定的DOM元素，而不是整个网页。这对于那些只想打印网页的特定部分，比如表格、图表或某个div内容的场景非常有用。在`jquery.jqprint-0.3.js`中，定义了与打印相关的函数和逻辑，当调用`...

    Jquery打印控件

    **jQuery打印控件详解** 在Web开发中，有时我们需要提供用户友好的打印功能，以便他们可以轻松地将网页内容导出或打印到纸上。`jQuery`打印控件就是为此目的而设计的一种工具，它允许开发者自定义打印内容，提高...

    jquery.PrintArea.rar

    这个插件的核心功能在于，它能捕获并打印指定的DOM元素，而非整个网页，从而提供了更为灵活的打印解决方案。 **二、插件安装与引入** 首先，确保你的项目已经包含了jQuery库，因为PrintArea是基于jQuery构建的。...

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

    另一个关键文件是`jquery.PrintArea.js`，这是一个专门用于打印指定HTML区域的jQuery插件。它允许开发者选择要打印的DOM元素，并将这些元素的内容转化为适合打印的格式。使用这个插件，我们可以避免打印不必要的页面...

    Jquery.jqprint-0.3.js

    这个插件的核心在于，它能够将网页的指定部分转化为一个临时的iframe，然后对这个iframe进行打印操作，这样可以避免打印时引入不必要的网页元素，使得打印内容更加精确。 首先，我们需要在HTML文档中引入jQuery库和...

Magicbox
Global site tag (gtag.js) - Google Analytics