我已经开发了一个Web应用程序,并且在我的网页中有一些带有通用页眉,页脚,菜单和其他图像的数据显示。因此我添加了一个小按钮作为打印预览,以便用户只能看到数据。用户单击“打印预览”按钮后,仅数据显示为弹出窗口,在该弹出窗口中,我添加了一个按钮调用print,以便用户可以单击它并从该页面中取出打印内容。
这个打印按钮在onClick事件中直接调用window.print(),它工作正常,我可以得到打印输出。
但是我的问题是我在打印页面的顶部可以找到按钮标题的“打印”文本,而在上面可以找到URL的内容 http://localhost/..............
http://localhost/..............
因此,有一种方法可以从打印页面中删除这些打印文本和网址。
非常感谢
这是打印预览按钮的作用。
function printPreView(reportCategory,reportType,transactionType,searchOption,customerRokaID,utilityCompany,fromDate,toDate,telcoName,bank){ var request = "selectedMenu="+reportCategory+"&loginStatus=success&criteria="+searchOption+"&customer="+customerRokaID+"&from="+fromDate+"&to="+toDate+"&nspTypes="+utilityCompany+"&trxTypes="+transactionType+"&options="+reportType+"&telcoTypes="+telcoName+"&bankTypes="+bank+"&printable=yes"; window.open ("report/showReport.action?"+request,null,"location=no,menubar=0,resizable=1,scrollbars=1,width=600,height=700"); }
这是我放置“打印”按钮的方式
<form> <input type="button" value="Print" onClick="window.print() "> </form>
带有URL的标题(有时还包括页面标题,页面编号等)是由Web浏览器自动添加的。基本上,设置只能由用户更改。
对于按钮本身,您可以使用该问题中讨论的特定打印CSS隐藏它。就像MMacdonald所说的那样,您也可以将这种技术用于其他元素,这样就无需重新渲染页面。但是这样您将失去预览功能(用户仍可以使用浏览器的打印预览功能)。