网页局部打印

Posted 2020-08-20 Devan.Yan

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