window.print()打印指定区域内容

最新推荐文章于 2023-06-01 20:00:41 发布
原创 最新推荐文章于 2023-06-01 20:00:41 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文介绍了一种使用JavaScript实现网页内容打印的方法。通过获取指定ID的页面元素，将其内容写入新打开的窗口并调用打印功能，实现了网页的快速打印。此方法适用于需要将特定网页内容打印为纸质文件的场景。

myPrint(document.getElementById('page_for_word'));

function myPrint(obj){

    var newWindow=window.open("打印窗口","_blank");

    var docStr = obj.innerHTML;

    newWindow.document.write(docStr);

    newWindow.document.close();

    newWindow.print();

    newWindow.close();

}

【JavaScript编程】前端如何实现局部打印（精确打印）
猿始森林
03-30 4416
在前端开发中实现精确打印控制（局部打印）
js逻辑_浏览器打印window.print
qq_43260366的博客
03-27 2683
也就是说，若是我们想打印某部分数据，需要先准备一个盒子，等待打印时，将这个盒子的内容赋值给document进行打印。以下是打开百度页面 在控制台调用 window.print 方法 后弹出的弹框 ，在右侧可以选择。，若是单元格内容是文本则会自动换行，但是若是数字则会覆盖另一单元格的文本，因此需要设置强制换行。如上示例中，在设置一列时给每一列设置了宽度，但是若是宽度超过总宽度则会对每列宽度进行。需要注意的是： 页眉和页脚是 在打印时自带的，当需要打印的数据是表格是，建议使用。因为组件样式在打印时可能不显示！
window.print打印指定div指定网页指定区域的方法
09-04
主要介绍了window.print打印指定div指定网页指定区域的方法,需要的朋友可以参考下
window.print() 前端页面打印与预览PDF
小先生编程
08-31 1万+
window.print()打印是浏览器自带的打印，实现原理是将html转换为pdf可以在线预览打印或者导出pdf，在任何网页上可通过Ctil+p快捷键调出浏览器打印程序，它可将整个网页打印出来，在我们开发中，其实并不需要将所有页面打印出来，或者只需要局部的页面做打印，那我我们就自己实现window.print（）打印功能。 浏览器自带的打印窗口（页眉页脚属于自带的，我们无法去掉，但是可以通过css将边距调小，将其覆盖掉） 打印常见的功能与问题处理 打印的功能以及布局全由css控制，在加上一些程序处理的业
window.print打印指定区域
hgg923的专栏
06-11 2395
doPrint() { // let originHtml = window.document.body.innerHTML; //需要打印的元素 let printHtml = document.getElementById("printDiv").innerHTML; console.log(printHtml); window.document.body.innerHTML = printHtml; window.print(); // 方式.
window.print打印指定区域。
Helloworld2200的博客
10-26 1390
入jquery.PrintArea.min.js 把需要打印的区域用一个div包裹起来 要打印的区域 指定打印区域，调用打印方法。 $j(“#printArea”).printArea(); window.print(); 注意：不使用第三方控件，调用ie的window.print打印方法，很难去掉底部url和顶端的页码。可以在浏览器打印设置中去掉url和页码
浏览器控制台中使用window.print打印指定区域
最新发布
09-21
通常，我们会创建一个新的`HTMLCanvasElement`元素，并将需要打印的部分绘制到canvas上，然后再通过`window.print()`函数来打印canvas的内容。下面是一个简单的步骤说明： 1. 首先，获取你需要打印的DOM元素，比如...
前端网页打印window.print()
emailboxbox的博客
04-14 3821
前端打印
window.print 打印页面指定区域
W_ya24K的专栏
11-16 1664
这一阵子由于项目需要，需要在项目某页面下加一个打印的功能，在网上查过之后，知道了window.print 这个函数，这个函数可以很方便的打印当前窗口中的内容， 但是这个有时候并不能满足广大用户的需求；经过半天时间在网上浏览查阅后，发现一个很不错的解决方案，能够打印页面中指定的区域，现将代码贴下： function printThis() { var el = document.getE
window.print() 指定打印的区域
weixin_30237281的博客
03-01 352
function printDIV(printarea){ var head="";//先生成头部 var foot="";//生成尾部 var newstr=document.all.item(printarea).innerHTML;//获取指定打印区域 var oldstr=document.body.innerHTML;//获得原本页面的代码 document.body.inne...
window.print()打印指定区域
醒の笔记本
04-19 1688
第一种方法：指定不打印区域使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。详细如下：   .noprint{visibility:hidden}    要打印的内容。哈哈！<p class="noprint">将不打印的代码放在这里。<a href="javascrīpt:
用window.print()函数打印网页指定区域的内容
xuelinli的博客
08-23 3836
window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？    首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。  -->      "javascript">  function printdiv(printpage)  {  var headstr = "";  var footstr = "";  var printData = documen
指定window.print 打印区域
张肖的博客
05-05 4070
第一种方法：指定不打印区域 使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。 细如下： ? 1 2 3 <style media=print type="text/css"> .noprint{visibility:hidden}
用window.print()打印指定div里面的内容
L511157586的博客
08-26 711
用window.print()打印指定div里面的内容 今天客户让添加个打印证照功能，直接用window.print()打印的是整个页面，而用以下方法就可以只打印证明了 <!--window.print打印指定div window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？ 首先我们可以把要打印的内容放在div中，...
使用window.print（）打印特定区域的JS代码
热门推荐
magic_zj00的专栏
01-31 1万+
function printdiv(printpage) { var headstr = ""; var footstr = ""; var newstr = document.all.item(printpage).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = headstr+newstr+f
vue前端调用 window.print()打印指定区域
qq_44997933的博客
06-01 2880
方法二：把打印内容嵌入到iframe页面，调用打印弹窗。方法一：直接调用打印页面弹窗。方法三：打开新页面打印。
## web 前端 打印功能 指定区域 window.print()
小资程序员的博客
04-12 1030
web 前端 打印功能 指定区域 window.print() 1.设置需要打印的区域 2.获取要打印的区域，进行打印 function doPrint() { let oldStr = window.document.body.innerHTML; // 获取body的内容 let start = “”; // 开始打印标识, 17个字符 let end = “”; // 结束打印标识 let newStr = oldStr.substr(oldStr.indexOf(start) + 17); //
js中print()打印网页指定区域内容
Misnice的博客
09-03 7312
print() 方法用于打印当前窗口的内容 调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定制打印请求。 语法: window.print(); demo <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值