温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-05-27 17:38:35 来源:亿速云 阅读:908 作者:鸽子 栏目:编程语言

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

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


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI