打印html页面部分内容

最新推荐文章于 2024-12-19 20:52:59 发布

转载最新推荐文章于 2024-12-19 20:52:59 发布 · 279 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/SweetGan/archive/2011/10/12/2208633.html

function PrintPage()
{
var newstr = document.getElementById("printContent").innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = newstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}

转载于:https://www.cnblogs.com/SweetGan/archive/2011/10/12/2208633.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30922589

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

网页打印（部分内容打印）

挨踢笔记

11-12

1651

网页打印（部分内容打印） 2007-11-12 15:43 阅读170 评论0 我们做的页面需打印怎么办？简单地直接用javascript调用window.print()就ok！当然想打印更好看一点就CSS罗。但我现在想说的是只打印一部分，如我们的网页想统一风格，每页都有头、导航和脚等东西，这些我不想打印，只想把内容区域中的一张表格打印出来，怎么办？

网页中部分内容打印

weixin_34367257的博客

07-09

正常情况下的打印是使用 window.print(); 直接整页打印，但如果需要打印网页中定义的部分内容，则可使用如下的方法：1、在页面的代码头部处加入JavaScript：<script language=javascript>function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr=...

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

如何打印网页中的某部分内容

digga2012

05-03

2310

一般情况下打印是使用 window.print();函数直接打印整页，但如果需要打印网页中定义的部分内容，则可使用如下的方法，具体方法如下： 1、在页面的代码头部处加入JavaScript： [code="javascript"] function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr=""; e...

打印html中指定内容

雨过天晴-欢迎光临

10-13

575

<br />js代码<br />var dy = document.getElementById("PrintA"); <br />var winEx2 = window.open("", "winEx2", "width=800,height=600,status=yes,menubar=no,scrollbars=yes,resizable=yes"); <br />winEx2.document.open("text/html", "replace"); <br />winEx2.document.w

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

06-11

在JavaScript中，我们可以使用特定的API来实现对网页部分区域的打印功能。...将这些文件内容整合到一起，就可以实现js指定打印页面部分内容的功能。记得在实际项目中根据需要调整代码，确保与页面结构和样式相匹配。

Javascript打印网页部分内容的脚本

10-30

因此，了解如何使用JavaScript来实现打印指定网页部分内容的功能变得尤为重要。首先，介绍JavaScript中的window.print()方法。这是最基础的浏览器端打印控制方法，它能够调用浏览器的打印功能，实现对当前网页的...

打印网页中不打印页面中的某些内容

09-27

总结起来，要实现“打印网页中不打印页面中的某些内容”，关键在于使用CSS的`@media print`规则，并为不想在打印版中出现的元素设置`display: none;`。这种方法兼容IE和Firefox等主流浏览器，是一种有效且兼容性良好...

js 实现打印网页中定义的部分内容的代码

10-29

为了应对这一挑战，我们可以使用JavaScript来仅打印网页中定义的部分内容，从而避免创建单独的打印页面，保持网站内容的唯一性，提高优化效率。具体实现步骤如下：首先，需要在页面的头部（header部分）引入...

React如何实现浏览器打印部分内容详析

10-16

总的来说，React中实现浏览器打印部分内容的关键在于创建一个隐藏的打印容器，动态地调整页面样式，并利用浏览器的`window.print()`方法启动打印预览。通过合理的CSS控制，可以确保打印内容与屏幕显示保持一致，提供...

前端打印界面某个部分

Candy23的博客

03-17

1616

可以满足更加复杂的打印需求，且兼容IE9及以上浏览器及各大主流浏览器，打印完后不用刷新原浏览器界面。趋向于打印整个界面，且界面打印后需要重载原界面，否则原界面的所有事件将不再生效，打印方式简单。此种方法既打印了我们所需要的html元素，保留了其样式，也无需刷新原浏览器界面。

【前端】三种方法实现HTML页面局部打印(ctrl+p效果)效果

向宇

03-21

6047

在开发中，有时需要实现页面的局部打印功能，不打印页面上不需要的区域，< div > 内容1 < div > 内容2 < div > 内容3 < div id = " toPrint " style = " color : red " > 打印内容 < button onclick = " print() " > doPrint

打印Web页面局部内容的两种常用方法

u011289446的专栏

11-28

1100

在Web前端开发中，常有仅需要打印页面局部内容的要求。总的来说，有两种方法可以实现此目标：一、使用css方式示例代码： <style type="text/css"> .selector1 { ... } .selector2 { ... } .selector3 { ... } /* 为打印定义 */ @media print { .selector1...

HTML打印页面

a_靖的博客

03-26

3214

效果图：源码： <!DOCTYPE html> <html> <head> <title></title> </head> <meta charset="utf-8"> <script type="text/javascript"> function my_print()...

window.print()实现打印指定内容——功能实现

yehaocheng520的博客

10-19

6568

最近在做后台管理系统时，需要实现一个打印功能，打印的内容为页面上指定的dom。此时可以通过window.print()功能来实现： html部分 <button @@click="printpage">打印部分内容</button> <div id="printContent"> <h1>打印内容</h1> <br /> <br /> <br /> <div>打

前端打印(html)

最新发布

qq_51528868的博客

12-19

1246

打印

用纯HTML写一个凭证并打印

技术刚刚好

02-18

2174

24. `document.getElementById("currentDate").innerText = year + "年" + month + "月" + day + "日";12. `.headStyle { ... }`、`.headTitleLift { ... }`、`.title { ... }`等：定义了一些自定义样式，用于配水单头部和表格的布局。11. `@media print { ... }`：定义在打印模式下的样式，这里设置了`.no-print`类在打印时不显示。

html页面打印+区域,实现web网页指定区域打印的三种方法

weixin_42509396的博客

06-07

5066

通过本教程可以实现，将印web网页指定区域的内容，本教程将提供三种方法实现。方法一：打印网页指定区域HTML在需要打印的内容//页面上的内容大小调整可以css调整或容器包容打印容器内的内容就可以了JSfunctiondoPrint(){bdhtml=window.document.body.innerHTML;sprnstr="";eprnstr="";prnhtml=bdhtml.sub...

网页局部打印

u013751625的博客

06-12

336

要打印部分内容，需要隐藏其他内容，可以用媒体查询我们可以隐藏网页的header footer slider三部分，只打印content @media print { .footer { display: none; } .header { display: none; } .slider { display: none; } .content { margin-left: -(slider的宽度); } } ...

JavaScript实现网页部分打印与截取打印

`doPrint()`函数会查找这两个标记，并提取它们之间的HTML，然后将整个页面的内容替换为这部分内容，最后调用`window.print()`进行打印。此外，我们还可以为用户提供打印预览和设置的功能。例如，以下代码创建了三...