<!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>js打印范例</title>
<style type="text/css">
body {
font-size: 12px;
color: #333;
}
#content {
border: solid 1px #333;
background: #ffc;
}
</style>
<script type="text/javascript">
function startPrint(obj){
var oWin = window.open("", "_blank");
var strPrint = "<h4 style='font-size:18px; text-align:center;'>打印预览区</h4>\n";
strPrint = strPrint + "<script type=\"text/javascript\">\n";
strPrint = strPrint + "function printWin()\n";
strPrint = strPrint + "{";
strPrint = strPrint + "var oWin=window.open(\"\",\"_blank\");\n";
strPrint = strPrint + "oWin.document.write(document.getElementById(\"content\").innerHTML);\n";
strPrint = strPrint + "oWin.focus();\n";
strPrint = strPrint + "oWin.document.close();\n";
strPrint = strPrint + "oWin.print()\n";
strPrint = strPrint + "oWin.close()\n";
strPrint = strPrint + "}\n";
strPrint = strPrint + "<\/script>\n";
strPrint = strPrint + "<hr size='1' />\n";
strPrint = strPrint + "<div id=\"content\">\n";
strPrint = strPrint + obj.innerHTML + "\n";
strPrint = strPrint + "</div>\n";
strPrint = strPrint + "<hr size='1' />\n";
strPrint = strPrint + "<div style='text-align:center'><button onclick='printWin()' style='padding-left:4px;padding-right:4px;'>打 印</button><button onclick='window.opener=null;window.close();' style='padding-left:4px;padding-right:4px;'>关 闭</button></div>\n";
oWin.document.write(strPrint);
oWin.focus();
oWin.document.close();
}
</script>
</head>
<body>
<button id="btnPrint" onclick="startPrint(document.getElementById('content'))">
打印内容
</button>
<div id="content">
<div style="font-size:12px;color:#333;">
这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容
</div>
</div>
</body>
</html>
分享到：
相关推荐
本文将详细介绍在IE浏览器环境下使用JavaScript实现打印功能的方法，包括客户端脚本打印方式及其优缺点，并探讨通过WebBrowser控件进行打印的另一种方案。 #### 二、客户端脚本打印方式 ##### 2.1 原理概述 客户端...
本文将深入探讨如何使用JavaScript实现打印报表功能，包括与Excel和Word的交互，帮助开发者从初级到高级逐步提升技能。 首先，我们要理解JavaScript在报表打印中的角色。在网页端，JavaScript可以用于控制页面元素...
通过本文，我们可以看到，实现打印功能需要使用JavaScript来控制网页的打印行为，并使用标记来标记需要打印的部分。通过正确地实现打印功能，开发者可以提供一个更好的用户体验，并提高Web应用程序的实用性。
在上面的代码中，我们使用了 ExecWB() 函数来实现打印、打印预览和页面设置的功能。ExecWB() 函数可以执行多种操作，例如打开、新建窗口、保存网页、打印、打印预览等。 二、使用 document.execCommand() 函数实现...
本篇文章将深入探讨如何使用JavaScript实现打印功能，并基于提供的"jquery-printFinal-master"压缩包，分析其中的实现方式。 首先，JavaScript的打印功能主要是通过`window.print()`方法来实现的。当你在网页中调用...
开发者可以通过研究和学习这个示例，了解如何不借助插件直接使用JavaScript实现打印功能。 综上所述，JavaScript打印插件是Web开发中的一个重要工具，它们通过JavaScript语言和浏览器API实现了网页的在线打印和预览...
总的来说，利用JavaScript实现网页打印涉及到`window.print()`方法、CSS媒体查询和打印相关的CSS属性。通过这些技术，我们可以定制打印内容，隐藏不需要的元素，调整页面布局，并控制分页。为了优化打印体验，还需要...
这个名为"javascript实现页面打印功能.zip"的压缩包很可能包含了一套完整的JavaScript解决方案，用于在各种浏览器上实现页面打印的功能。下面我们将深入探讨如何使用JavaScript、jQuery以及可能涉及到的兼容性问题。...
这个项目的优点是可以快速实现打印小票的功能，并且可以使用 electron 的强大功能来实现复杂的桌面应用程序。同时，使用 vue 框架可以快速构建复杂的用户界面。 electron + vue 项目实现打印小票功能是一个强大且...
使用JS实现打印功能；JavaScript 实现打印操作；javascript打印大全；通用；js实现打印的方式；JS怎么实现页面打印呢？JavaScript 实现打印,打印预览,打印设置；JS打印和报表输出；原生js打印插件Print.js；js控制...
本文将深入探讨如何使用JavaScript和VBA（Visual Basic for Applications）来实现Excel的批量打印功能，从而避免手动逐个打印工作表的繁琐操作。 JavaScript是一种广泛使用的脚本语言，通常应用于网页前端交互，但...
本文将详细介绍如何基于JavaScript实现这一功能，并确保其在IE、Firefox和Google等主流浏览器中的兼容性。 首先，我们需要理解JavaScript的`window.print()`方法，这是最基本的打印功能实现。此方法会调用系统的...
同时，我们还可以看到一个关于如何在网页中添加打印按钮的示例代码，这个代码使用了 JavaScript 和 HTML 来实现打印功能。 知识点 1. 在 ASP.NET 中实现打印功能需要使用 Response 对象来设置 HTTP 头信息，以便将...
本篇将详细介绍如何在Chrome浏览器中实现打印预览及打印功能，并提供相关的技术资源。 首先，Chrome浏览器的打印功能是通过其内置的`window.print()` JavaScript API来实现的。这个API会触发浏览器的默认打印对话框...
在JavaWeb开发中，实现打印功能是常见的需求之一，尤其在企业级应用中，例如发票打印、报告打印等。这个场景通常涉及到jsp界面与后台服务器的交互，以及前端JavaScript库的使用。以下将详细介绍如何在JavaWeb环境中...
本话题聚焦于一个特殊的技术点：如何在Visual C++项目中利用HTML和JavaScript实现打印功能。这个压缩包文件可能包含了一个示例项目或者源代码，用于演示这一技术。 首先，我们需要理解的是，HTML和JavaScript通常...
1. **JavaScript实现**： 使用JavaScript是最常见的方式，因为大多数现代浏览器都支持JavaScript的`window.print()`方法。在ASP.NET页面中，可以添加一个按钮控件，然后为该按钮的点击事件绑定JavaScript函数，如：...
本篇文章将深入探讨如何在火狐浏览器上利用PHP和Lodop控件实现打印功能。 首先，Lodop是一款强大的网页打印控件，支持多页面、多格式文档的打印，包括HTML、PDF、图片等。它提供了丰富的API接口，使得开发者能够...
总之，JSP实现打印功能主要依赖于JavaScript，通过控制浏览器的打印行为来达到特定的需求。这个过程涉及对HTML、JavaScript和CSS的深入理解，以及对浏览器打印机制的熟悉。在实际应用中，我们需要根据具体需求调整...
使用JavaScript实现打印和导出为Excel是非常简单的，我们可以使用JavaScript来实现这两个功能，而不需要使用控件或POI。我们只需要使用JavaScript来获取当前页面的指定区域的innerHTML，然后将其包装为一个Excel文件...