iframe标签的使用(隐藏操作栏)
iframe标签在预览pdf文档时,顶部默认会有一行操作栏,可供用户下载、打印等。因在工作中遇到过一次这样的需求,需要控制用户的下载权限,网上大部分是说iframe无法控制,都推荐用pdf.js插件,但我总感觉应该可以的,功夫不负有心人,最终还是被我找到了,此方法基本可行,特此记录
一、基本用法
<iframe ref="iframe"height="700"width="100%":src="pdfurl"frameborder="0"></iframe>
属性 | Value | 描述 |
---|---|---|
align |
left right top middle bottom |
不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。 |
frameborder |
1 0 |
规定是否显示框架周围的边框。 |
height |
pixels % |
规定 iframe 的高度。 |
longdesc | URL | 规定一个页面,该页面包含了有关 iframe 的较长描述。 |
marginheight | pixels | 定义 iframe 的顶部和底部的边距。 |
marginwidth | pixels | 定义 iframe 的左侧和右侧的边距。 |
name | frame_name | 规定 iframe 的名称。 |
sandbox |
“” allow-forms allow-same-origin allow-scripts allow-top-navigation |
启用一系列对 中内容的额外限制。 |
scrolling |
yes no auto |
规定是否在 iframe 中显示滚动条。 |
seamless | seamless | 规定 看上去像是包含文档的一部分。 |
src | URL | 规定在 iframe 中显示的文档的 URL。 |
srcdoc | HTML_code | 规定在 中显示的页面的 HTML 内容。 |
width |
pixels % |
定义 iframe 的宽度。 |
二、隐藏顶部操作栏
如果要隐藏下载和打印按钮:
在嵌入的地址后面加’#toolbar=0’就可以了
iframe标签的使用(隐藏操作栏)相关推荐
- iphoneX的safari浏览器操作栏隐藏时兼容底部Home键
iphoneX系列手机底部都有一个home键(横杠),safari浏览器会在页面滚动时隐藏底部的操作栏,许多应用都有在底部放置导航栏的需求.网上的帖子一般都是通过给底部导航栏元素添加内补34像素来处理 ...
- iphoneX系列手机在页面滚动时隐藏底部的操作栏
iphoneX系列手机底部都有一个(横杠)键,浏览器会在页面滚动时隐藏底部的操作栏,需求:底部导航栏出现 1.判断是iphonex设备的方法 function isIphoneX(){if(/ipho ...
- iframe标签使用及优劣
iframe里面的子页面html内容变化时,如何自适应页面高度? //自适应高度 在子页面中编写function IFrameResize() {var obj = parent.document.g ...
- video全屏操作栏自定义样式js 指定元素全屏视频截图下载
目录 1. 页面结构 2. 全屏方法 3. 截图方法 4. 样式代码 5. 效果截图 6. 附上完整代码 最近遇到的需求就是重新video标签的控制栏的样式,包括进度条.音量.倍速.全屏等样式,在正常 ...
- 表单标签和iframe标签的用法
今天来看一下表单标签和frame标签的用法. 1. 表单标签 表单(form)是用户输入信息与网页互动的一种形式.大多数情况下,用户提交的信息会发给服务器,比如网站的搜索栏就是表单.表单由一种或多种的 ...
- android如何在底部显示四个按钮,[Android系列—] 四. 添加操作栏(Action Bar)
[Android系列-] 4. 添加操作栏(Action Bar) 前言 操作栏是最重要的设计元素之一,使用它来实现你的应用程序活动.通过提供多种用户界面功能, 使应用程序快速和其他的Andorid应 ...
- 扩展用户体验之操作栏ActionBar
一.什么是ActionBar 熟悉Android的人应该很清楚ActionBar指的是哪一部分,不熟悉的人并不清楚其的重要性,特别是Web app与Hybrid app开发者基本没有这一概念,当然在你 ...
- 19款探岳刷隐藏教程_三星S10系列如何隐藏导航栏 官微“手把手”教你设置
三星于2月28日在乌镇正式发布国行版三星S10系列手机,无论是出色的外观设计,还是超强的性能,亦或是优秀的三摄成像,无不受到消费者的喜爱.但是,有消费者在使用三星S10系列搭载的One UI时却遇到了 ...
- Win11系统显示和隐藏语言栏的操作方法分享
Win11系统显示和隐藏语言栏的操作方法分享.我们使用电脑打字的时候,系统的语音栏就会显示出来.有用户平时打字的时候觉得语言栏有点阻碍视线,看起来不太习惯,所以想要去进行语言栏的隐藏.那么我们如何去自 ...
最新文章
- Mac下chrome的webapp hostadmin 快速切换host
- 激光雷达的地面-非地面分割和pcl_ros实践
- eBPF内核探测中将任意系统调用转换成事件
- 渲染管道(3)几何阶段一“概述”
- Docker-Compose 使用简介
- 邮件联系人,如何恕不部分字母就能显示邮件联系人
- matplotlib在图像上方添加文字、标签
- 编写一个2分10秒的倒计时脚本
- Mac下快速新建txt文件
- SQL Server 触发器 详细讲解
- switch语句小练习
- 解决百度BMR的spark集群开启slaves结点的问题
- 苹果手机录屏软件_一款“短小精悍的”手机录屏软件
- 千月影视admin漏洞
- Java 文件上传 三种方式
- C# IE环境 - 重置IE(WshShell Rundll32)
- Pr 音频效果参考:滤波器与 EQ
- 重启计算机有什么用,强制重启电脑有什么危害
- SSH 登录指纹验证
- reddits股票线程成为华尔街必读的内容