javaweb 页面打印功能

 

 

<!DOCTYPE html>
 <%@ page language="java contentTypetext/html; charset=UTF-8
    pageEncodingUTF-8"%> 
 @ page importjava.util.Date" java.text.SimpleDateFormat%> 
 DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/
 html4/loose.dtd"> 
 <htmlheadMeta http-equiv="Content-Type" content="text/html; charset=UTF-8"name="viewport"="width=device-width,initial-scale=1.0">
    ="X-UA-Compatible"="ie=edge"link rel="stylesheet" href="css/page/index.css">
 title>window调用打印接口</style>
        #pr{width:100px;height40pxline-heighttext-aligncenterbackground#ccc}
        .Box600pxred}
    >
 
bodydiv class="Box">
        h1>要打印的内容p>测试内容divid="pr">点击打印>
 
 script>
    function $(selector){
        return document.querySelector(selector);
    }
    //获取整个页面
    $(#pr).onclick (){
        window.print();
    }
 
    /* 实现打印全部页面(也可以打印局部页面 - 看需求) ---- 
          我是只打印baby里边的内容
          获取我们定义的id
       */
    $((){
        var oldHtml  $(body).innerHTML; 
         printBox .Box).innerHTML;
        $().innerHTML  printBox;
        window.print();
        $( oldHtml;
        location.reload();刷新当前页面,很重要
 
    }
>

 

原文:https://blog.csdn.net/qq_36537546/article/details/8292736

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...