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字的随笔不允许发布到网站首页】--》我是凑字的;

  • 相关阅读:
    MYSQL中replace into的用法
    实时监听输入框值变化的完美方案:oninput & onpropertychange
    从0到1,Java Web网站架构搭建的技术演进
    WebApi接口安全认证——HTTP之摘要认证
    南京理工大学第八届程序设计大赛(校外镜像)题解报告
    LeetCode Unique Binary Search Trees II
    还在用ListView?
    网络机顶盒项目总结
    MongoDB之索引
    mac使用git管理Github
  • 原文地址:https://www.cnblogs.com/devan/p/6074170.html
Copyright © 2011-2022 走看看