javascript

位置:IT落伍者 >> javascript >> 浏览文章

js控制web打印(局部打印)方法整理


发布日期:2024年07月30日
 
js控制web打印(局部打印)方法整理

首先定义css样式

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

上一篇:js控制表单奇偶行样式的简单方法

下一篇:js正则解析URL参数示例代码