JavaScript 打印Web页面指定区域的信息

最新推荐文章于 2021-06-03 15:49:52 发布

转载最新推荐文章于 2021-06-03 15:49:52 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Look_Sun/archive/2010/02/11/1667435.html

本文介绍了一种使用JavaScript实现的网页局部打印方法。通过定义特定ID的div元素为打印内容，并利用JavaScript临时修改页面结构来实现精确打印，最后还原页面。这种方法适用于需要精确控制打印范围的场景。

<html >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function printdiv()
{
var headstr = "<html><head></head><body>";
var footstr = "</body>";
var newstr = document.getElementById("YesPrint").innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+newstr+footstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}
function okPrint()
{
if (confirm("您确定要打印成文档吗？")==true)
{
printdiv();
}
else
{
window.close();
}
}
</script>
</head>
<body>
<div id="divMain" >
<div id="YesPrint">
这里是需要打印的信息自己可以根据需要自己设计！！！
</div>
<div id="trbtn">
<table>
<tr>
<td >
<input id="btnSave" type="button" value="打印" class="button" onclick="okPrint();" />
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/Look_Sun/archive/2010/02/11/1667435.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30289831

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

10-26

在Web开发中，经常需要将页面上的特定内容打印出来，例如打印一个课程表或报表。在没有后端支持的情况下，可以通过JavaScript提供的window.print()方法来实现这一功能。window.print()方法可以唤起浏览器的打印...

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

10-27

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

参与评论您还未登录，请先登录后发表或查看评论

h5打印时如何控制打印区域（基于jquery.PrintArea.js实现）

飞猪

05-11

2256

h5打印时如何控制打印区域（基于jquery.PrintArea.js实现） javaSript 的 window.print() 打印时打印范围不可控制，而jquery.PrintArea.js可以实现打印范围的控制。 1.下载jquery.PrintArea.js 2.引入jq ，引入jquery.PrintArea.js（注意顺序问题） <script language="javascript" src="jquery-1.7.1.min.js"></script> <

H5启用打印机打印参数设置A4

风水道人

10-18

2167

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个.

如何实现window.print()局部打印，且打印当页修改的input

茗轩宅

07-14

4252

老板又提出了一个坑爹的需求。报表打印而且报表要以input的形式展现，方便操作人员进行修改之前没写过打印，所以找了好多JS和jquary的插件来做。但是发现局部打印会导致的一个结果是，input输入修改之后，并不会打印出来。找了好久才发现这是因为js实现局部打印的时候，是通过innerHtml来保存页面源代码，以此来实现。但是对于input来说，输

在html页面中怎么打印区域,javascript打印web页面中指定区域的方法

weixin_39640157的博客

06-03

223

要实现打印web页面中的指定区域，要做到：将需要打印的课程表的table放入div标签中，然后指定出需要打印的区域，最后调用window.print打印指定内容。核心代码：复制代码代码示例:function preview() {bdhtml = window.document.body.innerHTML;sprnstr = "";eprnstr = "";prnhtml = bdhtml.s...

在html页面中怎么打印区域,利用javascript实现web页面中指定区域打印

weixin_39530833的博客

06-03

132

最近做到了web页面课程表打印时，上网找了一些资料，最后使用了下面的方法实现了我需要的功能。将需要打印的课程表的table放入div标签中，然后指定出需要打印的区域，最后调用window.print打印指定内容。示例代码(代码中有些内容已省略)function preview() {bdhtml = window.document.body.innerHTML;sprnstr = "";eprns...

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

09-04

这种方法适用于打印的页面布局与原始Web页面有很大差异的情况。用户点击打印按钮后，新开一个窗口加载需要打印的内容，然后在新窗口中调用 `window.print()` 并自动关闭窗口。这种方法可以让开发者更好地控制打印...

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

10-21

本文将详细介绍如何使用JavaScript来打印网页指定区域的内容，并提供一个简单的实例。首先，我们要了解JavaScript的`window.print()`方法。这个方法用于打开浏览器的打印对话框，允许用户选择打印当前窗口的内容。...

window.print打印指定div实例代码_javascript技巧

三人行，必有我师焉。

03-26

1520

function printdiv(printpage) { var headstr = ""; var footstr = ""; var newstr = document.all.item(printpage).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = headstr+ne

用window.print()函数打印网页指定区域的内容

xuelinli的博客

08-23

3791

window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。 --> "javascript"> function printdiv(printpage) { var headstr = ""; var footstr = ""; var printData = documen

js_window.print()

ALL TECHNOLOGIES ARE CLOUDS

04-15

366

window.print() 功能：打印当前窗口的内容。语法：window.print() 参数：无。注：调用print()方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以定制或取消打印请求。 eg:打印当前窗口的内容。 <script type="text/javascript"> function print_Win()...

生成一张二维码图片，将二维码图片合成到另一张含有透明区域的图片里。.zip

09-12

生成一张二维码图片，将二维码图片合成到另一张含有透明区域的图片里。.zip

此库是基于 CameraX 的二维码扫描封装、仅含基础功能（扫码、闪光灯），不包含扫码框动画，如有需要请自行实现。目的是