页面局部打印(js方法)
2013-03-15 09:17
232 查看
最近在做项目时候,遇到一个打印页面局部的功能,网上看了些,大体都一样,以下是代码:
<script type="text/javascript">
仅仅打印标签部分
function printTag2() {
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-->
<s:property value="vehicleFile.motorVehicleFiles.ownerName"/><br/>
<s:property value="vehicleFile.motorVehicleFiles.vehicleType.vehicleTypeName"/> <s:property value="vehicleFile.motorVehicleFiles.licensePlateNumber"/> <s:property value="vehicleFile.motorVehicleFiles.dabh"/><br/>
<s:property value="_MotorCehicleType.motorCehicleTypeName"/><br/>
<s:property value="vehicleFile.ccbh.archivesAddress"/><br/>
<img src=\'#\'" /<s:property value="url" />"
width="120" height="30" onclick="printTag2();" /><br/>
V <s:property value="vehicleFile.vehicleFileID"/><br/>
<!--endprint-->
以上功能是可以实现局部打印的,但是有个疑问,就是这段代码:window.document.body.innerHTML = prnhtml;
功能是让页面只显示<!--startprint-->和<!--endprint-->标签包含的内容,但是有的时候不想把其他的内容不显示怎么办呢?
我试过一个办法 就是把这句注释了:
window.document.body.innerHTML = prnhtml;
但是注释了 这句,打印出来的就是整个页面了。
求大神赐教!
本文出自 “我的技术累计” 博客,请务必保留此出处http://liuguicheng.blog.51cto.com/6247902/1154630
<script type="text/javascript">
仅仅打印标签部分
function printTag2() {
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-->
<s:property value="vehicleFile.motorVehicleFiles.ownerName"/><br/>
<s:property value="vehicleFile.motorVehicleFiles.vehicleType.vehicleTypeName"/> <s:property value="vehicleFile.motorVehicleFiles.licensePlateNumber"/> <s:property value="vehicleFile.motorVehicleFiles.dabh"/><br/>
<s:property value="_MotorCehicleType.motorCehicleTypeName"/><br/>
<s:property value="vehicleFile.ccbh.archivesAddress"/><br/>
<img src=\'#\'" /<s:property value="url" />"
width="120" height="30" onclick="printTag2();" /><br/>
V <s:property value="vehicleFile.vehicleFileID"/><br/>
<!--endprint-->
以上功能是可以实现局部打印的,但是有个疑问,就是这段代码:window.document.body.innerHTML = prnhtml;
功能是让页面只显示<!--startprint-->和<!--endprint-->标签包含的内容,但是有的时候不想把其他的内容不显示怎么办呢?
我试过一个办法 就是把这句注释了:
window.document.body.innerHTML = prnhtml;
但是注释了 这句,打印出来的就是整个页面了。
求大神赐教!
本文出自 “我的技术累计” 博客,请务必保留此出处http://liuguicheng.blog.51cto.com/6247902/1154630
相关文章推荐
- JS 实现简单的页面局部打印例子
- js打印局部页面
- js打印指定局部页面
- JavaWeb开发 JS调用打印机打印全部或局部页面
- js控制web打印(局部打印)方法整理
- js或jquery实现页面打印可局部打印
- js实现页面局部弹窗打印
- js实现局部页面打印预览原理及示例代码
- 使用js打印局部页面
- 使用js打印局部页面
- 打印Web页面局部内容的两种常用方法
- js 实现用window.print()打印页面中的部分内容,局部打印
- js或jquery实现页面打印(局部打印)
- js控制web打印(局部打印)方法整理
- JS打印当前页面或打印局部div
- 利用css和js实现firefox和IE都支持的页面局部打印
- js或jquery实现页面打印可局部打印
- js实现局部页面打印预览原理及示例代码
- JS/Jquery_实现打印页面指定div的方法_个人总结
- 原生js实现的局部页面打印功能,可以适用vue和jq