如何添加打印按钮或链接到你的网页

标签：com   mamicode   html   没有   创建   print   轻松   时间   false   

打印按钮或链接是对网页的简单添加

CSS（层叠样式表）使你可以控制屏幕上的网页内容。 此控件也扩展到其他媒体，例如在打印网页时。

你可能想知道为什么要在网页上添加打印功能; 毕竟，大多数人已经知道或可以轻松地知道如何使用浏览器的菜单打印网页。

但是在某些情况下，在页面上添加打印按钮或链接不仅会使你的用户在需要打印页面时更加轻松，而且可能甚至更重要的是使你可以更好地控制这些打印结果在页面上的显示方式 纸。

这是在页面上添加打印按钮或打印链接的方法，以及如何定义页面内容的哪些部分将被打印以及哪些页面内容将不被打印的方法。

添加打印按钮

你可以通过将以下代码添加到HTML文档中你希望按钮出现的位置来轻松地在页面上添加打印按钮：

onclick="window.print();return false;" />

当该按钮出现在网页上时，将被标记为“打印此页”。 你可以通过在以下引号之间更改文本来自定义该文本

value=

在上面的代码中。

请注意，在文本之前和之后有一个空格。 通过在文本的末端和显示的按钮的边缘之间插入一些空格，可以改善按钮的外观。

添加打印链接

将简单的打印链接添加到你的网页甚至更加容易。 只需将以下代码插入你要显示链接的HTML文档中：

print

你可以通过将“打印”更改为所选内容来自定义链接文本。

使特定部分可打印

你可以设置用户使用打印按钮或链接来打印网页的特定部分的功能。 你可以通过在网站上添加一个print.css文件，在HTML文档的开头调用该文件，然后通过定义一个类来定义你希望使其易于打印的部分来做到这一点。

首先，将以下代码添加到HTML文档的开头部分：

type="text/css" media="print" />

接下来，创建一个名为print.css的文件。 在此文件中，添加以下代码：

body {visibility:hidden;}
.print {visibility:visible;}

该代码将主体中的所有元素定义为在打印时隐藏，除非为该元素分配了“ print”类。

现在，你要做的就是将“ print”类分配给你希望可打印的网页元素。 例如，要使div元素中定义的节可打印，可以使用

未分配给此类的页面上的任何其他内容均不会打印。

喜欢这篇文章的可以点个赞，欢迎大家留言评论，记得关注我，每天持续更新技术干货、职场趣事、海量面试资料等等
?> 如果你对java技术很感兴趣也可以交流学习，共同学习进步。?
不要再用"没有时间“来掩饰自己思想上的懒惰！趁年轻，使劲拼，给未来的自己一个交代

文章写道这里，欢迎完善交流。最后奉上近期整理出来的一套完整的java架构思维导图，分享给大家对照知识点参考学习。有更多JVM、Mysql、Tomcat、Spring Boot、Spring Cloud、Zookeeper、Kafka、RabbitMQ、RockerMQ、Redis、ELK、Git等Java干货

如何添加打印按钮或链接到你的网页

标签：com   mamicode   html   没有   创建   print   轻松   时间   false   

原文地址：https://blog.51cto.com/14634606/2473412