从打印页面中删除网址并打印文本

Question

我开发了一个Web应用程序,在我的网页上有一些数据显示,包括常见的页眉,页脚,菜单和其他图像.所以我添加了一个小按钮作为打印预览,以便用户只能看到数据.用户点击打印预览按钮后,只有数据显示为弹出窗口,在弹出窗口中我添加了一个按钮调用打印,以便用户可以单击它并从该页面打印出来.

这个打印按钮直接调用onClick事件中的window.print(),它工作正常,我可以得到打印输出.

但我的问题是在我的打印页面上,我可以找到"打印"文本,这是按钮标题,在上面,我可以找到的网址是什么的 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>

Answer 1

带有URL的标题(有时是页面标题,页码等)由Web浏览器自动添加.基本上,设置只能由用户更改.本主题详细讨论该问题

对于按钮本身,您可以使用特定的打印CSS将其隐藏,如该问题中所述.正如MMacdonald所说,您也可以将此技术用于其他元素,这样您就不需要重新渲染页面了.但是你会失去预览功能(用户仍然可以使用浏览器的打印预览功能).

Answer 2

如果您使用的是引导程序，请找到以下代码：

 @media print {
  ...
  a[href]:after {
    content: " (" attr(href) ")";
  }
  ...
}

用 content:none 覆盖样式可以很好地处理这种情况。

参考：这个网址