知识大全 js控制web打印(局部打印)方法整理

Posted 2022-07-20 知

篇首语：生活的理想，就是为了理想的生活。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 js控制web打印(局部打印)方法整理相关的知识，希望对你有一定的参考价值。

代码如下: @media print noprint display: none;color:green 对于不想打印的内容只用在标签中加上 class=noprint即可打印的时候客户也不会看到页面任何变化打印时调用 window print(); 另外几种js局部打印的方法移花接木打印的时候把需要打印的内容替换成整个body内容（用户会在打印的时候看到变化客户体验不太好）代码如下: function preview(oper) if (oper < ) bd=window document body innerHTML;//获取当前页的代码 sprnstr="<! startprint"+oper+" >";//设置打印开始区域 eprnstr="<! endprint"+oper+" >";//设置打印结束区域 prn=bd substring(bd indexOf(sprnstr)+ ); //从开始代码向后取 prn=prn substring( prn indexOf(eprnstr));//从结束代码向前取 window document body innerHTML=prn; window print(); window document body innerHTML=bd; else window print(); 使用很简单将页面内要打印的内容加入中间<! startprint >XXXXX<! endprint > 再加个打印按纽 onclick=preview( ) WebBrowser是IE内置的浏览器控件无需用户下载（未实验）一 WebBrowser控件代码如下: 　　<object ID= WebBrowser WIDTH= HEIGHT= CLASSID= CLSID: F A D A B C FD A ></object> 二 WebBrowder控件的方法代码如下: //打印 WebBrowser ExecWB( ); //打印设置 WebBrowser ExecWB( ); //打印预览 WebBrowser ExecWB( ); 关于这个组件还有其他的用法列举如下 WebBrowser ExecWB( ) 打开 Web ExecWB( ) 关闭现在所有的IE窗口并打开一个新窗口 Web ExecWB( ) 保存网页 Web ExecWB( ) 打印 Web ExecWB( ) 打印预览 Web ExecWB( ) 打印页面设置 Web ExecWB( ) 查看页面属性 Web ExecWB( ) 好像是撤销有待确认 Web ExecWB( ) 全选 Web ExecWB( ) 刷新 Web ExecWB( ) 关闭窗体无提示但是打印是会把整个页面都打印出来的页面里面有什么东西就打印出来我们有时候只需要打印数据表格这时我们就要写一个样式了:把不想打印的部份隐藏起来样式内容代码如下: <style type=text/css media=print> noprint display : none </style> 然后使用样式就可以 <p >不需要打印的地方</p> 代码如下: <script language="javascript"> function printsetup() // 打印页面设置 wb execwb( ); function printpreview() // 打印页面预览 wb execwb( ); function printit() if (confirm( 确定打印吗？ )) wb execwb( ) </script> <OBJECT classid="CLSID: F A D A B C FD A " height= id=wb name=wb width= ></OBJECT> <input type=button name=button_print value="打印" onclick="javascript:printit()"> <input type=button name=button_setup value="打印页面设置" onclick="javascript:printsetup();"> <input type=button name=button_show value="打印预览" onclick="javascript:printpreview();"> cha138/Article/program/Java/JSP/201311/20177