首页 > 其他分享 >JS利用window.print()实现网页打印功能

JS利用window.print()实现网页打印功能

时间:2022-10-25 17:02:34浏览次数:90  
标签:body 打印 innerHTML JS window print div document

2.方法二

将需要打印的内容用一个大的div包裹,打印时将body的内容替换为该div的内容,调用打印print()方法。

 

<body>

      <input type="button" value="打印此页面" onclick="printpage()" />   <div id="printContent">打印内容</div>      <script>     function printpage() {       let newstr = document.getElementById("printContent").innerHTML;       let oldstr = document.body.innerHTML;       document.body.innerHTML = newstr;       window.print();       document.body.innerHTML = oldstr;       return false;     }   </script> </body>

标签:body,打印,innerHTML,JS,window,print,div,document
From: https://www.cnblogs.com/shaowangwu/p/16825455.html

相关文章

  • Windows公网远程访问的方案,随时控制家里的电脑
    1 家里宽带提供公网IPV4地址现在很少提供了,移动就是大内网(查看可以百度搜索IP获取电脑的IP地址看和光猫拨号获取的IP地址是否相同)如果家用宽带有公网......
  • Node.js安装详细步骤教程(Windows版)
    什么是Node.js?简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeV8引擎的JavaScript运行环境;Node.js使用一个事件驱动、非阻塞式I/O的......
  • python json和pickle
    json和pickle共用方法dumps把任意对象序列化成一个strloads把任意str反序列化成原来数据dump把对象序列化后写入到文件对象中load把文件对象中的内容反序列化jso......
  • Windows 2016 安装 Docker
    打开PowerShellWindowsPowerShell版权所有(C)2016MicrosoftCorporation。保留所有权利。PSC:\Users\Administrator>[Net.ServicePointManager]::SecurityProt......
  • 110-注解JSONField、DateTimeFormat、JsonFormat、JsonProperty
    JSONField注解在属性上,作用为:属性的名称与转为toString的名称不一样时,使用该注解。例如:@JSONField(name="user_id")privateStringuserId;当userId="a";使用:JSON.......
  • Luogu P4171 [JSOI2010]满汉全席
    题目链接:​​传送门​​2-sat板子题注意输入的时候可不要以为w和h后面数字只有一位*/#include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>#includ......
  • js禁止浏览器操作页面回退
    浏览器实现页面回退的三个步骤://1、在刚进入页面时在浏览器历史记录中加一条当前页面的记录window.addEventListener('popstate',this.popstateFun,false);//2、监听......
  • vue项目中使用axios获取本地json文件,报404错(已解决✔)
    vue项目中VueX的组件store里面有个actions的axiosget请求,请求本地的JSON文件的时候就报错404了。看了好久资料最终解决了。虽然刚开始的时候我已近把静态资源放在了pub......
  • Windows安装MongoDB6.0.2
    环境Windows10MongoDB6.0.2配置下载mongodb下载地址:https://www.mongodb.com/try/download/community安装指定目录如果不需要可视化工具就取消勾选“Install......
  • BZOJ 1012: [JSOI2008]最大数maxnumber
    题目链接:​​传送门​​时隔一年再写一遍#include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>#include<complex>#include<algorithm>#include<cl......