7

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

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

但我的问题是在我的打印页面上,我可以找到作为按钮标题的“打印”文本,在上面我可以找到网址,这是什么http://localhost/..............

那么有没有一种方法可以从我的打印页面中删除那些打印文本和 url。

非常感谢

这就是打印预览按钮的作用。

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>
4

4 回答 4

9

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

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

于 2012-10-30T10:37:07.523 回答
5

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

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

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

参考:这个网址

于 2015-02-19T10:10:11.570 回答
1

考虑使用依赖于媒体的样式表,而不是制作定制的“打印页面”解决方案。

于 2012-10-30T10:23:59.463 回答
1

这对我有用,边距约为 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 */
}
于 2019-01-09T15:50:22.300 回答