zoukankan      html  css  js  c++  java
  • JS Web打印,实现预览新样式

    问题描述:

        JS实现Web打印,要求打印前一种样式,打印预览时新样式

    问题解决:

            (1)设置打印时的css样式,设置打印前的css样式

    clipboard

    注:

            以上为print.css打印时的css样式,其中display可以设置当前的css对象是否可见,设置上述css样式为打印时的样式:

    clipboard

    如上所示,添加media="print",就可以设置此css样式文件为打印时可见。

    clipboard

    注:

            以上为当前页面的样式,起初是隐藏的,在打印预览时,希望显示出来,打印时调用printview的css样式

    clipboard

    注:

        如上所示的设置,对于id=“ordernum”的文本框存在两种样式,specialorder和printview样式,其中specialorder为当前页面的样式设置,而printview是打印预览的样式,这样就可以实现,当前页面的元素在打印预览时进行显示。

            (2)通过增加和删除css 类(class)来改变打印前后的样式

    clipboard

    注:

            以上函数时设置打印预览页面的JS函数,其中包括打印预览前删除页面的css样式,使用打印的css样式,打印预览关闭之后,增加当前页面的css样式,隐藏print样式

    clipboard

    注:

            以上JS函数时删除某个对象的css对象的函数

    clipboard

    注:

            以上函数是增加某个对象的css样式

  • 相关阅读:
    vue 中 过滤filter 和 foreach的使用
    vuex 获取数据
    动态设置样式 calc计算
    vue-echarts-v3 使用 dataZoom属性 相关笔记
    访存加速-Speed-up of Memory Access Intensive Program
    台式机新添内存条无法开机?
    ADB的版本问题
    1184. Distance Between Bus Stops
    485. Max Consecutive Ones
    448. Find All Numbers Disappeared in an Array
  • 原文地址:https://www.cnblogs.com/luosongchao/p/3305577.html
Copyright © 2011-2022 走看看