javascript - 向网站添加打印按钮(将自动设置缩放、边距和隐藏页眉/页脚以进行打印)

标签 javascript css printing

我了解使用 JavaScript 和 window.print() 在设置某些打印选项方面存在限制(由于安全问题)。我还了解到 CSS 能够设置某些元素(如@page)以将文档设置为横向。

有没有办法使用 CSS 来设置打印选项,例如缩放、边距和隐藏页眉/页脚?如果是这样,有人有这样做的代码示例吗?如果使用 JS 或 CSS 无法做到这一点,是否有任何其他工具可以用来在页面上放置一个自动设置某些打印选项的打印按钮?

更新:好的,我感谢大家的回复,现在我已经深入了解了一些,我对我需要什么有了更多的澄清......我不需要修改 CSS页。我需要在用户单击按钮时自动设置本地打印选项。我在 .Net 应用程序中。任何 ASP.NET 控件吗?谢谢。

最佳答案

我什至认为不需要 JS。链接样式表时,您可以只使用 media 属性:

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

这是浏览器在打印时使用的样式表,它会覆盖您在浏览网站时看到的样式表。现在,在 print.css 中,您可以随意更改,它只会影响打印的文档。

至于打印,您可以制作一个快速按钮或触发 window.print() 的元素:

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

祝你好运!

关于javascript - 向网站添加打印按钮(将自动设置缩放、边距和隐藏页眉/页脚以进行打印),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4927746/

相关文章:

javascript - AngularJS 指令内的编译指令

javascript - 渲染相同类型 subview 的主干 View 会导致无限循环

javascript - 使用 jquery 复制 Flash 画廊

javascript - 使用内联 css 覆盖 jquery hide()

css - 打印不符合显式高度/溢出的 CSS : none?

java - 我如何在没有物理打印机的情况下检查我的 java 打印方法是否正常工作

javascript - 在集合 add() Backbone.js 上添加时间戳和排序顺序字段

javascript - 云代码功能在 Parse 中运行良好,但在 back4app 中运行不佳

javascript - Google 不会显示标题

html - CSS:分页后重复表头(打印 View )