html页面怎么添加打印,在网页中添加打印按钮或链接的方法
在网页中添加打印按钮或链接的方法
发布时间:2020-05-27 17:38:35
来源:亿速云
阅读:347
作者:鸽子
打印按钮或链接是对网页的简单添加
CSS(层叠样式表)使你可以控制屏幕上的网页内容。 此控件也扩展到其他媒体,例如在打印网页时。
你可能想知道为什么要在网页上添加打印功能; 毕竟,大多数人已经知道或可以轻松地知道如何使用浏览器的菜单打印网页。
但是在某些情况下,在页面上添加打印按钮或链接不仅会使你的用户在需要打印页面时更加轻松,而且可能甚至更重要的是使你可以更好地控制这些打印结果在页面上的显示方式 纸。
这是在页面上添加打印按钮或打印链接的方法,以及如何定义页面内容的哪些部分将被打印以及哪些页面内容将不被打印的方法。
添加打印按钮
你可以通过将以下代码添加到HTML文档中你希望按钮出现的位置来轻松地在页面上添加打印按钮:οnclick="window.print();return false;" />
当该按钮出现在网页上时,将被标记为“打印此页”。 你可以通过在以下引号之间更改文本来自定义该文本
value=
在上面的代码中。
请注意,在文本之前和之后有一个空格。 通过在文本的末端和显示的按钮的边缘之间插入一些空格,可以改善按钮的外观。
添加打印链接
将简单的打印链接添加到你的网页甚至更加容易。 只需将以下代码插入你要显示链接的HTML文档中:
你可以通过将“打印”更改为所选内容来自定义链接文本。
使特定部分可打印
你可以设置用户使用打印按钮或链接来打印网页的特定部分的功能。 你可以通过在网站上添加一个print.css文件,在HTML文档的开头调用该文件,然后通过定义一个类来定义你希望使其易于打印的部分来做到这一点。
首先,将以下代码添加到HTML文档的开头部分:type="text/css" media="print" />
接下来,创建一个名为print.css的文件。 在此文件中,添加以下代码:body {visibility:hidden;}
.print {visibility:visible;}
该代码将主体中的所有元素定义为在打印时隐藏,除非为该元素分配了“ print”类。
现在,你要做的就是将“ print”类分配给你希望可打印的网页元素。 例如,要使div元素中定义的节可打印,可以使用未分配给此类的页面上的任何其他内容均不会打印。
html页面怎么添加打印,在网页中添加打印按钮或链接的方法相关推荐
- 实现网页中增加刷新按钮、链接的方法 搜集
最近用到一个技术,实现在网页中添加"刷新"超链接的方法,在网上搜集了一些,但是都是按钮形式的,悲剧,经过尝试,发现稍加改动,放在超链接上效果甚好! 搜集: <input ty ...
- php获取本页面div内容,php获取网页中图片、DIV内容的简单方法
1.获取网页中所有的图片: 复制代码 代码如下: //取得指定位址的內容,并储存至 $text $text=file_get_contents('http://www.jb51.net/'); //取 ...
- 如何在html添加css样式表,网页中添加CSS样式表的四种方式
本文向大家描述一下网页中添加CSS样式表的四种方式,首先让我们来看一下CSS样式表文件的优势,主要体现在两个方面,请看下文详细介绍. CSS样式表文件的优势表现在两个方面: ***,简化了网页的格式代 ...
- html5网页中加入播放器,向网页中添加 HTML5 视频控件
爱学习,爱生活,爱编程--希望能帮到你!更多>>> 如何开始使用 采用它的最基本形式,使用 HTML5 video 元素向网页中添加视频播放器是通过一行 HTML 完成的. 添加 ...
- 在网页中添加矢量图形
矢量图形在很多情况下非常有用 - 它们拥有较小的文件尺寸,却高度可缩放,所以它们不会在镜头拉近或者放大图像时像素化.在这篇文章中,我们将为您呈现如何在网页中添加矢量图形. 前提: 你需要了解 HTML ...
- 在网页中添加即时翻译器stardict
星际译王项目组资源下载列表:http://code.google.com/p/stardict-3/downloads/list 星际译王select&translate how to 即时翻 ...
- 在网页中调用打印预览及打印设置
在网页中调用打印预览及打印设置 以下内容为程序代码: <OBJECT id=WB classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 heig ...
- 怎样在html中加入音乐播放器,如何在网页中添加音乐播放器
小编其实一个很痴迷音乐的人,每当我用电脑工作的时候,都会打开播放器播放音乐的,然后顿时觉得很舒适,如果我们在别人浏览网页的时候加个音乐播放器播放音乐的话,那么我们的网页就会给别人带来很舒适的感觉.DW ...
- 关于如何在网页中添加自己的QQ客服方法
关于如何在网页中添加自己的QQ客服方法 今天,自己在百度上查的,.本来我也不会.其实弄下来还是很简单的,下面我就来为大家介绍下如何在设计网页时给网页中加入自己的QQ客服图标. 第一步,用你所要添加到网 ...
最新文章
- 万亿新基建,AI“芯”机遇在哪?| CCF-GAIR 2020
- AHK 中 % 符号的用法
- 关于程序设计语言(贴吧里很有意思的一个帖子)
- ActiveMQ结合Spring收发消息
- NET Framework 4.0 安装失败:安装时发生严重错误
- [php入门] 3、WAMP中的集成MySQL相关基础操作
- mariadb数据库增删改查
- PHP5.3以上版本没有libmysql.dll,以及由此带来的困扰
- 关于Spring3 MVC的 HttpMediaTypeNotSupportedException
- GB/T 35273—2020《信息安全技术个人信息安全规范》正式发布
- 为戴尔服务器下载ESXi
- 建立竞争情报系统 以监控助力企业危机公关
- Postman的tests断言
- java 字体变形_字符串变形-Java
- 加拿大银行为加密货币公司开设保险箱
- 微信小游戏 - Canvas/WebGL Demo 移植
- 汉堡王什么汉堡好吃_汉堡王什么汉堡好吃?隐藏的点单攻略快来看
- 微信小程序云开发—校园动物图鉴
- 最新全国机场名(持续更新2017-12-27)
- F#基础教程 定义mutable记录类型
热门文章
- main.c(53): error: #268: declaration may not appear after executable statement in block
- vue+mintUI搭建移动端新闻类网站
- c++多线程基础4(条件变量)
- 通常情况下的中国剩余定理
- 「云+未来」上海峰会,报名开启
- bzoj2662:[BeiJing wc2012]冻结
- 操作系统:进程间的相互作用(多线程基础)
- SequoiaDB数据水平分区简介
- 【SAS NOTE】数组
- Flutter 雷达扫描效果、Flutter旋转扫描