在网页中添加打印按钮或链接的方法-创新互联

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

成都创新互联公司专注于企业营销型网站建设、网站重做改版、漳浦网站定制设计、自适应品牌网站建设、H5页面制作商城开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为漳浦等各大城市提供网站开发制作服务。

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

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享标题:在网页中添加打印按钮或链接的方法-创新互联
当前网址:http://bzwzjz.com/article/cccice.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 四川成都网站建设 成都网站制作 成都网站建设公司 响应式网站设计 网站建设改版 教育网站设计方案 成都企业网站建设公司 网站制作 成都营销网站制作 专业网站设计 温江网站设计 网站建设 成都模版网站建设 企业网站设计 成都网站建设 成都品牌网站建设 成都网站设计 四川成都网站制作 营销型网站建设 成都网站设计 成都网站设计