2010-04-04 127 views
33

默认情况下,在打印网页时,页面标题和和URL在页面的顶部都印,同样,日期时间印在底部。删除页面标题和日期打印网页时(与CSS?)

它可以消除这种额外的,你是通过设定菜单(在Internet精通下FILE)打印

有谁知道通过CSS或JavaScript这样做的呢?

回答

36

从历史上看,它已经不可能做出这些东西消失,因为它们是用户设置,你可以控制页面不考虑一部分。

http://css-discuss.incutio.com/wiki/Print_Stylesheets#Print_headers.2Ffooters_and_print_margins

然而,2017年,该@page at-rule已标准化,可用于显示网页标题和日期在现代浏览器:

@page { size: auto; margin: 0mm; } 

感谢Vigneswaran S此提示。

+0

+1良好的通话,不知道这一点。 – R0MANARMY 2010-04-04 06:14:53

+2

这似乎是可能的...尝试在谷歌文档的打印。(在Chrome) – 2012-03-21 19:44:31

-4

有一个设施具有打印一个单独的样式表,使用

<link type="text/css" rel="stylesheet" media="print" href="print.css"> 

我不知道这是否是你想要什么,虽然。

+0

他要求更改打印页面的页眉和页脚,而不是身体。 – BalusC 2010-04-04 05:11:38

+0

我知道这一点,但我不知道是否可以用CSS来做到这一点。 – 2010-04-04 05:31:59

+2

此回应显示对该问题的理解不足。 – Cassandra 2016-11-18 05:16:40

11

可能的解决方法为页面标题

  • 提供打印按钮,
  • 捕捉onclick事件,
  • 使用JavaScript来改变页面标题,
  • 然后执行通过javascript打印命令。

document.title = "Print page title"; window.print();

这应该在每一个浏览器。

+0

它为我工作。谢谢。 – LYKS 2014-09-18 06:57:32

4

您可以在样式表补充一点:@page{size:auto; margin:5mm;} 但这丢弃页码太

29

其简单。只需使用CSS。

<style> 
@page { size: auto; margin: 0mm; } 
</style> 
+0

不错的答案+1! 查阅有关支持的文档。 https://developer.mozilla.org/en-US/docs/Web/CSS/@page – Richard 2015-12-25 23:33:21

+1

不错的答案,但它似乎,它不会在Firefox中工作 – Skorek 2016-03-01 12:30:58

+1

你今天救了我的生命! Firefox现在!! – 2017-05-23 22:43:26

0

完成启诺亚克的回答,我这样做:当你打印页面

var originalTitle = document.title; 
document.title = "Print page title"; 
window.print(); 
document.title = originalTitle; 

这样,这将返回有其原标题