zoukankan      html  css  js  c++  java
  • JS页面打印,预览,设置,分页

    一)在HTML页中加载打印对象

    <object id="WebBrowser" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>

    二)实现打印、预览、设置功能

    <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)" /> 
    <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)" /> 
    <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)" />

    三)隐藏不打印内容

    <style type="text/css" media="print">
        /*方法一*/
        .noprint{display: none }
    </style>
    
    
    <style type="text/css">
    /*方法二*/
    @media print
    {
        .noprint{display: none;}
    }
    </style>

    四)将内容打印分页 

    <DIV>(第一页)</DIV> 
    
    <DIV STYLE="page-break-before:always">在此标签前,进行分页(第二页)</DIV>
    
    <DIV STYLE="page-break-after:always">在此标签后,进行分页(第二页)</DIV>
    
    <DIV>(第三页)</DIV> 
    
    <DIV STYLE="page-break-before:left">在元素之后足够的分页符,一直到一张空白的左页为止(第四页)</DIV> 
    
    <DIV STYLE="page-break-after:right">在元素之后足够的分页符,一直到一张空白的右页为止(第四页)</DIV> 
    
    <DIV>(第五页)</DIV>

    注意:Firefox、Chrome 以及 Safari 不支持属性值 "avoid"、"left" 以及 "right"。

     

    五)Internet选项设置

    如果打印页面窗口上弹出【“Internet Explorer”已经阻止此站点以不安全的方式使用ActiveX控件。因此,此页面可能显示不正确 】的提示,

    请按以下步骤操作:

    1)公网(任何地点都能访问)

      Internet选项,安全,Internet,自定义级别,ActiveX控件和插件,对标记为可安全执行脚本的ActiveX控件执行脚本*,启用,确定

    2)内网(只能公司网络访问)

      Internet选项,安全,本地Internet,站点,高级,将该网站添加到区域(例:http://net.sina.com.cn),添加,关闭,确定;

      自定义级别,ActiveX控件和插件,对标记为可安全执行脚本的ActiveX控件执行脚本*,启用,确定

  • 相关阅读:
    做小程序的流程总结(基本篇)
    ajax页面请求的做的留言板
    模仿文件存储方式,来进行添加、修改、添加子类的操作。
    轮播图(点击之后,会以滑动的形式滑动到指定的图片-有竖向和横向的显示)
    定时器使用实现的动画,宽度、位置等属性
    利用js、html以及Css简单制作了一个模拟手机短信发送
    利用反射获得数据库中存储数据的实现方法
    反射
    equals、static、单例模式的设计
    FPGA设计中的复位
  • 原文地址:https://www.cnblogs.com/kandyvip/p/4332507.html
Copyright © 2011-2022 走看看