Js打印网页正文指定内容
网页上的打印功能大家都见多了吧,普通的打印只需加上一句JS代码就行了,但是会把网页上不想要的部分也打开出来,比如头部、菜单什么的,那么如何实现只打印网页正文部分的内容,或者指定某一区域的内容呢?其实方法同样简单,不过比普通打印稍复杂,下面具体向大家说明是如何实现的。
先说一下普通打印,大概代码是这样的,只需一句:
<a href="JavaScript:window.print();">打印</a>
下面再说如何指定区域打印,直接JS代码:
<script language=javascript> function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); window.document.body.innerHTML=prnhtml; window.print(); } </script>
然后在页面正文处也就是需要打印的内容两头加上<!--startprint-->与<!--endprint-->标识,最后在HTML网页内加上与普通打印类似的“打印”链接,不过这次是调用函数:
<a href="javascript:;" onClick="doPrint()">打印</a>
完工,测试一下看效果怎么样?是不是挺简单呢?有了这么一个小功能,你的网页会提升不少用户体验。
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com
大家评论
站长推荐
点击排行
- 1CSS控制文字在Div最底部显示
- 2Thinkphp5如何配置IP+端口访问项目模块
- 3elementUI el-dialog弹框居中
- 4教你如何搭建及优化站点
- 5国内互联网视频行业运营分析
- 6service mysql start出错,mysql不能启动,解决mysql: unrecognized service错误
- 7CSS实现悬浮顶部的Div工具栏
- 8记一次Thinkphp5.1框架mysql数据库崩溃(SQLSTATE [08004] Too many connections)
- 9连接SQL Server数据库提示:Login failed for user 'sa'错误的解决方案
- 10Thinkphp3.2在centos7上设置计划任务的方法