JS 局部打印

朴灿烈づ我的快乐病毒、 2022-08-08 09:15 148阅读 0赞

<!DOCTYPE html> 
    <html> 
      <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>打印预览简单实现</title> 
      </head> 
      <body> 
        <div> 
          这是body 里的内容不需要打印，具体的页面设计根据自己的要求自行设计。如果需要一个页面多个tag,可以动态生成tag 
        </div> 
        
        
        <div> 
          这是我需要打印的内容 
        </div> 
        
        
        <script type="text/javascript"> 
        function preview(){ 
          var bdhtml=window.document.body.innerHTML;//获取当前页的html代码
          var startStr="";//设置打印开始区域
          var endStr="";//设置打印结束区域
          var printHtml = bdhtml.substring(bdhtml.indexOf(startStr) + startStr.length,bdhtml.indexOf(endStr));//从标记里获取需要打印的页面 
          
          window.document.body.innerHTML=printHtml;//需要打印的页面
          window.print(); 
          //window.document.body.innerHTML=bdhtml;//还原界面
        } 
        preview(); 
        </script> 
      </body> 
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，148人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS打印三角形

*直角三角形** ![图一][20190831191852844.png] 图一 <!DOCTYPE html> <html lang="en"...

一时失言乱红尘/ 2024年04月17日 20:36/ 0 赞/ 24 阅读

相关 vue打印局部区域样式CSS错乱不生效

最近vue项目要实现打印网页中局部区域的要求，但是用下列方式的时候显得样式全部都没有作用上 printContent(){ let subOutp

绝地灬酷狼/ 2022年12月08日 02:09/ 0 赞/ 332 阅读

相关调用浏览器打印功能_局部打印案例

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" cont

Bertha 。/ 2022年10月31日 04:28/ 0 赞/ 173 阅读

相关 js、jQuery打印

一、打印在本页面打印 var bodyHTML = window.document.body.innerHTML; window.document.b

﹏ヽ暗。殇╰゛Y/ 2022年10月23日 12:41/ 0 赞/ 110 阅读

相关 html如何打印部分网页,前端页面局部打印功能实现

先看打印的效果 ![7532557d21a1][] ![7532557d21a1][] 网上找到的实现如下： doPrint () \{ // 获取当前页的html代

秒速五厘米/ 2022年10月07日 12:49/ 0 赞/ 368 阅读

相关 js局部打印

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

我会带着你远行/ 2022年09月03日 00:17/ 0 赞/ 115 阅读

相关局部打印插件 jquery.PrintArea.js

(function ($) { var printAreaCount = 0; $.fn.printArea = function ()

以你之姓@/ 2022年08月10日 17:56/ 0 赞/ 147 阅读

相关 JS 局部打印

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c

朴灿烈づ我的快乐病毒、/ 2022年08月08日 09:15/ 0 赞/ 149 阅读

相关 Html局部打印

一、直接利用JS技术实现打印HTML表格通常在浏览网页的时候，网页上总是出现一些和内容无关的内容，在打印的时候，要是把整个网页都打印下来，总会有些不方便。。。所以在有需要打

傷城~/ 2022年05月19日 14:42/ 0 赞/ 158 阅读

相关关于PDF局部打印

PDF局部打印应用场景很多的电子原理图都是一整张很大的pdf的样子，但是我们经常会查看一部分电路的时候，经常会选择打印用到的一部分电路来直观的查看，但是往往pd

红太狼/ 2022年03月09日 15:53/ 0 赞/ 423 阅读