zoukankan      html  css  js  c++  java
  • 网页局部打印

    1.使用jquery和,jqprint到您的页面;

        优点:使用方便,并不是简单的所见即所得,可以打印看不到的标签;

        缺点:页面CSS样式必须是用"style='xxxxx' "的写法写在html标签上,使用class='xxx'的方式无效;

    <!--引用jquery和,jqprint到您的页面-->
    <script language="javascript" src="jquery-1.4.4.min.js"></script>
    <script language="javascript" src="jquery.jqprint-0.3.js"></script>
    
    <!--使用方法-->
    
    <script language="javascript">
    function  a(){
            $("#ddd").jqprint();
        }
    </script>

    2.使用window.print()

     优点:CSS样式可以独立;

    缺点:所见即所得,无法全部打印页面上的标签;

    /* 定义打印方法 */
    function preview(oper)
    {
        if (oper < 10)
        {
            bdhtml=window.document.body.innerHTML;//获取当前页的html代码
            sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
            eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
            prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
    
            prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
            window.document.body.innerHTML=prnhtml;
            window.print();
            window.document.body.innerHTML=bdhtml;
            } else {
                window.print();
                }
        }
    这些文字我不需要打印<br>
    <!--startprint1-->
    这些文字我想打印
    <!--endprint1--> 
    <!--调用打印-->
    <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />

     

     【备注:我也是无语了】

    【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;【少于150字的随笔不允许发布到网站首页】--》我是凑字的;

  • 相关阅读:
    iOS 动画 旋转 移动简单代码
    iOS 根据UIImage 修改UIImageView Frame (包括截取图片中间部分)
    Spark深入浅出
    Spark企业级开发最佳实践
    Spark架构案例鉴赏:Conviva、Yahoo!、优酷土豆、网易、腾讯、淘宝等公司的实际Spark案例
    Spark 1.0.0企业级开发动手:实战世界上第一个Spark 1.0.0课程,涵盖Spark 1.0.0所有的企业级开发技术
    Hadoop大数据时代:Hadoop&YarnSpark企业级最佳实践 (4天)
    Hadoop&Yarn&Mahout&Spark企业级最佳实践(3天)
    Conquer Big Data through Spark
    18小时内掌握Spark:把云计算大数据速度提高100倍以上!(Final版本)
  • 原文地址:https://www.cnblogs.com/devan/p/6074170.html
Copyright © 2011-2022 走看看