首页  >  文章  >  web前端  >  js或jquery实现页面打印可局部打印_javascript技巧

js或jquery实现页面打印可局部打印_javascript技巧

WBOY
WBOY原创
2016-05-16 16:54:111759浏览

js或jquery实现页面打印(局部打印)

1、js实现(可实现局部打印)

复制代码 代码如下:


js打印







不需要打印的地方



<script> <br>function preview(oper) <br>{ <br>if (oper < 10) <BR>{ <BR>bdhtml=window.document.body.innerHTML;//获取当前页的html代码 <BR>sprnstr="<!--startprint" oper "-->";//设置打印开始区域 <br>eprnstr="<!--endprint" oper "-->";//设置打印结束区域 <br>prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr) 18); //从开始代码向后取html <br><br>prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html <br>window.document.body.innerHTML=prnhtml; <br>window.print(); <br>window.document.body.innerHTML=bdhtml; <br>} else { <br>window.print(); <br>} <br>} <br></script>

XXXXX


要打印的内容



2、调用windows底层打印,报安全警告,不建议使用(不支持局部打印)
复制代码 代码如下:



javascript打印-打印页面设置-打印预览代码






classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb>



一按开始的减肥了卡时间段




3、jQuery实现(支持局部打印)
复制代码 代码如下:




<script> <br>$(function(){ <br>$("input#biuuu_button").click(function(){ <br>$("div#myPrintArea").printArea(); <br>}); <br></script>



.....文本打印部分.....
引用



声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn