javascript - 向网站添加打印按钮( 自动设置缩放页边距和打印页眉/页脚)

  显示原文与译文双语对照的内容
0 0

我知道使用JavaScript和 window.print() 在设置某些打印选项( 。由于安全问题) 方面有限制。 我还知道CSS能够设置某些元素( 比如 @page),将文档设置为 landscape ) 。

是否可以使用CSS设置打印选项,如缩放。页边距和隐藏页眉/页脚? 如果是,那么谁有任何代码样本来做这个? 如果这是不可以能使用JS或者 CSS,是否有任何它的他工具可以以在页面上自动设置打印选项。

我很感激大家的反应,现在我已经对我所需要的做了更多的解释。 我不需要修改页面上的CSS 。 用户单击按钮时,我需要自动设置本地打印选项。 我在. NET 应用程序里。 这里控件的任何 ASP.NET 控件? 谢谢。

时间:原作者:3个回答

0 0

你可以简单地添加另一个用于打印的样式表:

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

在这个样式表中,你只需要输入如下内容:

#header {
 display: none;
}
/* etc */
原作者:
0 0

我甚至不认为JS是必需的。 链接样式表时,你可以只使用 media 属性:

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

这是浏览器在打印时使用的样式表,它覆盖了浏览站点时所看到的内容。 现在,inside的,你可以以改变任何你想要的,它只影响打印的文档。

对于打印,你只能做一个快速按钮或者触发 window.print()的元素:

<input type="button" value="Print" onclick="window.print()"/>

祝你好运

原作者:
0 0

可以添加对只用于使用媒体属性进行打印的CSS文件的引用:

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

或者对于 inline 样式 block:

<style type="text/css">
@media print{
 #heading{ display:none; }
}
</style>
原作者:
...