首页 > 其他分享 >js调用浏览器打印功能

js调用浏览器打印功能

时间:2023-07-10 11:11:28浏览次数:28  
标签:body 调用 浏览器 prnhtml 打印 innerHTML js window bdhtml

1.打印开始结束的信息


2.点击打印按钮
<button type="button" onclick="doPrint()">打印</button>
<script>
  function doPrint() {
  console.log(33333333333)
  bdhtml=window.document.body.innerHTML;
  sprnstr="<!--startprint-->";// 这是开始的标签
  eprnstr="<!--endprint-->";// 这是打印的结束
  prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
  prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
  window.document.body.innerHTML=prnhtml;
  window.print();
  }
</script>
3.打印效果

 

标签:body,调用,浏览器,prnhtml,打印,innerHTML,js,window,bdhtml
From: https://www.cnblogs.com/aganblog/p/17540437.html

相关文章

  • js中的浏览器对象
    作为一种脚本语言,JavaScript代码不能独立运行,通常情况下我们需要借助浏览器来运行JavaScript代码,所有Web浏览器都支持JavaScript。除了可以在浏览器中执行外,也可以在服务端或者搭载了JavaScript引擎的设备中执行JavaScript代码,浏览器之所以能够运行JavaScript代码就......
  • 2023-07-10 记录使用chrome浏览器点击内容搜索时跳转到了一个叫www.ibaixia.com的网站
    前言:猜测是chrome中毒了,或者就是网页被劫持了,每次搜索会跳转到www.ibaixia.com,然后在一瞬间又跳转到了百度搜索页。解决方案:在chrome打开chrome://settings/searchEngines,也就是打开设置,找到【网站搜索】一栏,在该栏中找到百度字样,然后打开它,如果是正确的www.baidu.com,那就不用......
  • 基于three.js的3D展厅Demo功能设计与实现
    参考网址: http://www.webgl3d.cn/          https://www.three3d.cn/ 1、three.js之helloworld    功能:立方体在三维空间的转动。   代码位置:demo_0_scene    目的:理解场景/相机 /渲染器/坐标系/几何体/材质/物体......
  • vscode + nodesjs import 和 require 使用的两种case
    在环境nodejs+vscode的环境下,使用nodejs作为js的解释器, 在这种环境中直接使用export/import是无法正常工作的。 解决方式有两个:1.npminit-y胜场package.json修改内容增加: "type":"module",{"name":"javascript","version":"1.0.0&qu......
  • labview 调用,联合halcon 编程最近在做项目,主界面使用labview,图像识别部分使用halcon,然
    labview调用,联合halcon编程最近在做项目,主界面使用labview,图像识别部分使用halcon,然后返回结果到labview再进一步判断显示。具体流程1.使用labview采集图像2,图像传递给halcon处理3.labview读取halcon的处理结果这里共享的知识点有以下几个1.labview的里面的图像,也就是image类型......
  • js复制文本到剪切板
    参考:https://blog.csdn.net/evanyanglibo/article/details/127851585//复制文本functioncopyText(text){varelement=createElement(text);element.select();element.setSelectionRange(0,element.value.length);document.execCommand('copy');el......
  • 黑马程序员前端JS基础视频课程(pink老师)
    共计76个视频,20小时时长课程分为三大块1.JavaScript基础2.webAPIs3.JS进阶之前看过pink老师的css+html讲的那是扛扛,刚刚在其他社区找到这套课程特意分享给大家! download:黑马程序员前端JS基础视频课程(pink老师) ......
  • React18+TS+NestJS+GraphQL 全栈开发在线教育平台
    第1章这里,将带你进行一次全面,高效的进阶试看3节‖36分钟学习本课程你能得到什么?不论是技术提升,职场晋升,面试跳槽,你都会有所收获。第2章了解用户需求,懂得如何做项目试看4节‖54分钟本章让大家了解一个企业级项目的用户需求是什么,有哪几种角色,是如何使用我们的产品的,知道......
  • Cesium中的QuadtreeTile.js类
    /***Asingletileina{@linkQuadtreePrimitive}.**@aliasQuadtreeTile*@constructor*@private**@param{Number}options.levelThelevelofthetileinthequadtree.*@param{Number}options.xTheXcoordinateofthetileinthequadtree......
  • feign 微服务调用,post请求如何在URL 后面带参数
    ​ 在Feign微服务调用中,可以通过在URL后面添加参数来进行POST请求。参数可以以两种方式传递:作为路径参数或查询参数。 路径参数:可以将参数添加到URL的路径中,并使用@PathVariable注解来获取参数的值。例如:@FeignClient(name="example-service")publicinterfaceExample......