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

Web浏览器会自动添加带有URL的标题（有时还有页面标题，页码等）。基本上，设置只能由用户更改。本主题将详细讨论in that question

对于按钮本身，您可以使用that question中讨论的特定打印CSS来隐藏它。正如MMacdonald所说，您也可以将此技术用于其他元素，这样您就不需要重新渲染页面了。但是你会失去预览功能（用户仍然可以使用浏览器的打印预览功能）。

Answer 2

如果您使用的是bootstrap，请找到以下代码：

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

用内容覆盖样式：none处理好情况。

参考：this url

Answer 3

考虑使用media-dependent style sheets而不是制作定制的“打印页面”解决方案。

Answer 4

这对我有用，大约有 1厘米边距

@page 
{
    size:  auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
}
html
{
    background-color: #FFFFFF; 
    margin: 0mm;  /* this affects the margin on the html before sending to printer */
}
body
{
    padding:30px; /* margin you want for the content */
}

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

4 个答案: