JS 实现简单的页面局部打印
2012-12-03 17:06
573 查看
JS实现局部打印和预览:
第一种:
JS 实现简单的页面局部打印
使用很简单 将页面内要打印的内容加入中间<!--startprint1-->XXXXX<!--endprint1-->
再加个打印按纽 onclick=preview(1)
第二中:
下面就是实现局部打印的代码,跟大家分享一下,希望能够对大家有所帮助。
将要想打印局部内容,将包含内容的标签ID 当参数放入函数就可以了。
第一种:
JS 实现简单的页面局部打印
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(); } }
使用很简单 将页面内要打印的内容加入中间<!--startprint1-->XXXXX<!--endprint1-->
再加个打印按纽 onclick=preview(1)
第二中:
下面就是实现局部打印的代码,跟大家分享一下,希望能够对大家有所帮助。
function Printpart(id_str)//id-str 内容中的id { var el = document.getElementById(id_str); var iframe = document.createElement('IFRAME'); var doc = null; iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;'); document.body.appendChild(iframe); doc = iframe.contentWindow.document; doc.write('<div>' + el.innerHTML + '</div>'); doc.close(); iframe.contentWindow.focus(); iframe.contentWindow.print(); if (navigator.userAgent.indexOf("MSIE") > 0) { document.body.removeChild(iframe); } }
将要想打印局部内容,将包含内容的标签ID 当参数放入函数就可以了。
相关文章推荐
- JS 实现简单的页面局部打印例子
- JS 实现简单的页面局部打印
- JS 实现简单的页面局部打印
- JS实现页面打印(整体、局部)
- jquery.PrintArea.js 实现打印局部页面
- js或jquery实现页面打印可局部打印
- js实现局部页面打印预览原理及示例代码
- js或jquery实现页面打印可局部打印
- js或jquery实现页面打印可局部打印
- js或jquery实现页面打印可局部打印
- js实现页面局部弹窗打印
- 利用css和js实现firefox和IE都支持的页面局部打印
- js实现页面局部打印
- js 实现用window.print()打印页面中的部分内容,局部打印
- js或jquery实现页面打印可局部打印
- js或jquery实现页面打印(局部打印)
- 原生js实现的局部页面打印功能,可以适用vue和jq
- js或jquery实现页面打印可局部打印
- js或jquery实现页面打印(局部打印)
- js效果实现页面的局部打印