用window.print()打印指定div里面的内容

最新推荐文章于 2024-02-01 15:38:43 发布
最新推荐文章于 2024-02-01 15:38:43 发布
阅读量715 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/qingtaong/archive/2012/07/27/2611716.html
版权

今天客户让添加个打印证照功能，直接用window.print()打印的是整个页面，而用以下方法就可以只打印证明了

 

      1. <!--window.print打印指定div  
      2. window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？  
      3.   
      4. 首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。  
      5. -->  
      6. <html>  
      7. <head>  
      8. <script language="javascript">  
      9. function printdiv(printpage)  
      10. {  
      11. var headstr = "<html><head><title></title></head><body>";  
      12. var footstr = "</body>";  
      13. var printData = document.getElementById("dvData").innerHTML; 获得 div 里的所有 html 数据
最低0.47元/天 解锁文章
njit_peiyuan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
window.print打印指定div实例代码
09-04
在这种情况下，我们可以通过一些技巧来实现只打印指定的`div`内容。以下是如何使用`window.print`配合JavaScript实现这一目标的详细步骤和示例代码解析： 1. **创建包含要打印内容的`div`**： 在HTML中，将需要...
网页打印和打印局部页面
01-03
网页 调用 打印 打印局部
使用JS打印网页指定div内容（示例：打印CSDN博客）
solo的博客
10-16 6725
方法一：提取元素打印 步骤： 1、打开谷歌浏览器，按F12 进入控制台： 2、控制台输入如下JS代码，按回车键（以打印csdn博客内容为例）： function doPrint(){ var head_str = "<html><head><title></title></head><body>"...
window.print打印指定div指定网页指定区域的方法
09-04
主要介绍了window.print打印指定div指定网页指定区域的方法,需要的朋友可以参考下
window.print打印指定div（转载）
wb284551926的博客
08-02 448
window.print打印指定div window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？ 首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。 function printdiv(printpage) { var headstr = ""; var footstr = ""; var newstr = document....
window.print打印指定div
weixin_34033624的博客
11-18 250
window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？ 首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。 <html> <head> <scriptlanguage="javascript"> function printdiv(printpage) { var he...
js window.print实现打印特定控件或内容
10-26
总结起来，通过将要打印的内容放入单独的div并利用JavaScript的`window.print()`方法，我们可以实现只打印网页特定控件或内容的需求。这种方法在处理复杂网页或需要精细化控制打印内容的场景下非常有用。
web打印 window.print()介绍
09-05
`window.print()` 是JavaScript中一个非常实用的函数，用于触发浏览器的打印对话框，让用户可以选择打印当前页面或部分内容。本文将详细介绍如何使用`window.print()` 实现Web打印，并提供示例代码帮助理解。 1. **...
window.print打印指定div实例代码_javascript技巧
三人行，必有我师焉。
03-26 1427
function printdiv(printpage) { var headstr = ""; var footstr = ""; var newstr = document.all.item(printpage).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = headstr+ne
vue前端调用 window.print()打印指定区域
qq_44997933的博客
06-01 1928
方法二：把打印内容嵌入到iframe页面，调用打印弹窗。方法一：直接调用打印页面弹窗。方法三：打开新页面打印。
window.print()实现打印指定内容——功能实现
yehaocheng520的博客
10-19 5264
最近在做后台管理系统时，需要实现一个打印功能，打印的内容为页面上指定的dom。此时可以通过window.print()功能来实现： html部分 <button @@click="printpage">打印部分内容</button> <div id="printContent"> <h1>打印内容</h1> <br /> <br /> <br /> <div>打
html window.print()实现打印指定内容指定内容，并排除需要忽略的内容
最新发布
m0_69423937的博客
02-01 821
/ 将需要打印的内容设置为 body 的新内容。// 获取需要打印的内容。// 排除需要忽略的内容。
一文弄懂window.print（）打印
学习 记录 总结 分享
04-04 9788
一般信息填写类的需求页面，都会增设「预览」和「打印」功能。我们会通过编写 DOM 及样式来绘制出预览视图，而打印则是基于预览来生成 PDF 文件。浏览器原生 API window.print() 可以用于打印当前窗口（window.document）视图内容。调用此方法会产生一个打印预览弹框，用户可以根据具体设置来得到打印结果。
window.print局部打印
ydZ157的博客
09-03 629
window.print局部打印
window.print()实现局部打印及遇到的问题
weixin_45546982的博客
07-03 2082
window.print()实现局部打印
浏览器调用print实现部分打印的两种方法
软践的专栏
02-03 299
替换body的内容为要打印的内容，然后再从新刷新页面 const old = window.document.body.innerHTML //备份原来的页面 window.document.body.innerHTML = '' window.document.body.appendChild(/* 将你要打印的内容附加到这 */) window.print() //调用print()函数时，会跳出打印预览的界面，如下的代码被阻塞，关闭预览界面后继续执行 window.document.b
window.print()使用
weixin_44705688的博客
08-15 1817
window.print()的简单使用 打印想要的dom元素：如我只想打印下面的表格 printBtn() { let printHtml = this.$refs.printFrom.innerHTML //获取要打印的dom内容 let bodyHtml = document.body.innerHTML //获取整个页面内容 document.bod...
window.print页面怎么打印某个div内容
03-29
您可以使用JavaScript的print()函数来打印特定的div内容。 以下是一个示例代码： ``` function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值