在网页中添加打印按钮或链接的方法

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

创新互联建站专注于中大型企业的网站制作、成都网站制作和网站改版、网站营销服务,追求商业策划与数据分析、创意艺术与技术开发的融合,累计客户数千家,服务满意度达97%。帮助广大客户顺利对接上互联网浪潮,准确优选出符合自己需要的互联网运用,我们将一直专注成都品牌网站建设和互联网程序开发,在前进的路上,与客户一起成长!

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元素中定义的节可打印,可以使用未分配给此类的页面上的任何其他内容均不会打印。


网站名称:在网页中添加打印按钮或链接的方法
浏览地址:http://scyanting.com/article/gcggjj.html