隐藏iframe的顶部操作栏

最新推荐文章于 2024-04-29 10:17:29 发布
最新推荐文章于 2024-04-29 10:17:29 发布
阅读量1.5k 收藏 3
点赞数 1
分类专栏： vue.js 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38181746/article/details/120155066
版权

隐藏iframe的顶部操作栏
在iframe中预览pdf顶部会有一行操作栏，里面有打印，但是我只想让他预览不让打印，打印另做处理
在这里插入图片描述

在iframe标签中的预览地址后面加上#toolbar=0
在这里插入图片描述

效果
在这里插入图片描述

旧巷幽草{香
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
基于vue简单封装的iframe插件，可修改样式，隐藏滚动条
pikaz
11-11 3878
最近有空，就抽空把以前做过的公司业务组件慢慢抽离出来做成插件，也算是对近年来的技术方面做一个总结吧。 今天要写的是一个用vue-jsx封装的iframe插件，可修改iframe中的样式，隐藏滚动条，默认设置保证页面安全等功能。不想看想直接使用的话请前往项目处pikaz-iframe， 背景 由于公司爬取了一些文章，需要对文章进行展示，那么第一时间想到的当然就是iframe了，虽然它有这样那样的缺点，但不得不说还是一个方便快捷的解决方案。 iframe常用属性 参数 说明 frameborde
adminLte-iframe:adminLte整合iframe多页面显示
05-04
AdminLTE通常会利用Bootstrap的栅格系统和导航组件，创建出可折叠的侧边栏、顶部导航栏等元素。在侧边栏中，可以设置链接，这些链接对应着不同的iframe页面。当用户点击链接时，对应的iframe内容会被动态更新，展示...
浏览器中用embed标签打开pdf去除工具栏打印按钮
LuckyStrick的博客
10-23 6088
浏览器中用embed标签打开pdf去除工具栏打印按钮 碰到一个需求，客户想要预览pdf，用内嵌浏览器直接setUrl打开，但是有工具栏，客户不允许预览时可以打印pdf。所以网上找了很多去除工具栏的方法 找到一种有用的办法 在url后边加上&toolbar=0，就直接可以去掉。把pdf直接拖拽到本地浏览器测试可行，下图中工具栏直接可以去掉 但是cef在更新之后预览pdf的embed标签底层修改了，我用的3.2272版本的cef，pdf之前预览用的底层pdf.dll,工具栏如下图 这个时候在url后
iframe隐藏头部的toolbar
weixin_45781661的博客
10-12 3199
iframe隐藏头部的toolbar 隐藏此工具条，只需要在iframe的src中加入’#toolbar=0’，就可以了，代码如下 <iframe :src="resourceurl + '#toolbar=0'" ></iframe>
iframe 渲染pdf 更改toolbar 让文章占满 不显示后面的灰色
最新发布
努力搬砖的小码
04-29 853
iframe 渲染pdf 更改toolbar 让文章占满 不显示后面的灰色
html屏蔽操作页面,iframe子页面操作父页面并实现屏蔽页面弹出层效果
weixin_29732737的博客
06-03 391
问题：在index.html 中，iframe 引入son.html，在son.html 中如何点击某个操作，实现屏蔽整个页面，并弹出要显示的层？准备： index.html son.html思路：一：index.html中iframe引入son.html ，复制代码代码如下:二： index.html的body部分中添加屏蔽层和内容展示层复制代码代码如下:三：index.html 中设置div的...
隐藏iframe标签的操作栏
weixin_61285710的博客
12-16 2345
问题：使用标签iframe做pdf效果预览的时候，iframe标签会默认带有顶部操作栏，操作栏的确会让用户有了更多的操作性，但如果仅仅做预览pdf的话，这就有点操作冗余了。 且，操作栏带有下载和打印等等，而有些文件仅供预览，这就导致了需求的冲突，解决操作栏的问题就变得必须而为之了。 解决：可隐藏操作栏，使得页面简洁 <iframe ref="iframe" height="700" width="100%" :src="data..
iframe标签的使用（隐藏操作栏）
weixin_45977625的博客
09-20 8304
iframe标签的基本使用 iframe标签在预览pdf文档时，顶部默认会有一行操作栏，可供用户下载、打印等。因在工作中遇到过一次这样的需求，需要控制用户的下载权限，网上大部分是说iframe无法控制，都推荐用pdf.js插件，但我总感觉应该可以的，功夫不负有心人，最终还是被我找到了，此方法基本可行，特此记录 一、基本用法 <iframe ref="iframe" height="700" width="100%" :src="pdfurl"
使用iframe标签嵌入第三方网页并隐藏网页头部导航栏和底部网页信息
Nicerlee的博客
11-29 7352
1、解决方案 通过对<div>标签高度控制来隐藏第三方页面底部内容，设置<iframe>标签中的margin-top上部边距来隐藏页面的头部导航栏信息等。 代码实现(以百度首页展示为例)： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style&gt...
iframe预览pdf默认侧边栏工具栏处于关闭
weixin_44735965的博客
12-25 1460
1.1设置默认缩放比例： 在地址栏后面拼接 “#zoom=200”1.5 默认侧边栏工具栏处于关闭状态 navpanes=0。1.4自适应页面大小： view=FitH,top。1.3隐藏头部工具栏 ： toolbar=0。有些PDF形式打开的文件需要一些默认的配置。1.2 跳往特定页数： page=2。
frame,iframe.frameset用法和区别
03-29
例如，`rows="90,*"` 表示将页面分为两部分，顶部占90%，底部占据剩余的空间。`COLS` 和 `ROWS` 不能同时在同一个 `<FRAMESET>` 中使用，因为某些浏览器可能无法正确处理这种组合。 2. ****: `<FRAME>` 标签定义了...
layer iframe 设置关闭按钮的方法
10-16
今天小编就为大家分享一篇layer iframe 设置关闭按钮的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
iframe标签实现pdf预览功能
05-29
iframe标签实现pdf预览功能
web入门实验 含滚动公告、下拉菜单等
05-10
首先，滚动公告栏是一种常见于网站顶部或侧边栏的信息展示工具，它能够滚动播放多条公告或新闻，有效地利用有限的空间展示更多的内容。实现滚动公告栏通常需要HTML和CSS来布局及样式化，同时配合JavaScript或者...
jquery插件splitScren实现页面分屏切换模板特效
10-24
`splitScreen`实例化后，我们可以调用其方法进行操作，如`screenMode`用于切换分屏模式，`toggleTopbar`用于控制顶部栏的显示隐藏。 SplitScreen插件的使用涉及到以下几个关键技术点： 1. **jQuery选择器与DOM操作...
保存页面我们「Save Page WE」-crx插件
03-20
有一个选项可在已保存页面的顶部包括一个信息栏。有一个选项可以在已保存的文件中包括指标和资源摘要。有一个选项可以设置保存的嵌套帧/ iframe的最大深度。有一个选项可以清除已被页面本身，页面编辑器（例如Print ...
隐藏iframe滚动条，并禁止滑动
weixin_45559449的博客
03-20 6558
当我们通过 iframe 展示图片，或是通过 iframe 展示 PDF文件 时，如果图片和 PDF 超出 iframe设置的宽高，就会出现横纵向的滚动条，如下图。所以， iframe 展示图片时可以通过设置 scrolling=“no” 属性来隐藏滚动条，iframe 展示 PDF文件时 设置 scrolling=“no” 属性并不能隐藏滚动条。如果 iframe 存在纵向滚动条，则 iframe宽度=原宽度+滚动条宽度，即width: calc(100% + 17px)；
PDF取消黑边
qq_46641049的博客
10-12 940
PDF
第四十六：iframe预览并且去掉工具栏并撑满可视区域
maliyao4233的博客
12-15 549
在src后边’#view=FitH,top。
iframe去掉操作栏
10-15
可以通过设置iframe的属性来去掉操作栏，具体方法如下： ```html <iframe src="your_url" frameborder="0" scrolling="no" allowfullscreen></iframe> ``` 其中，设置了`frameborder="0"`可以去掉边框，`scrolling="no"`可以去掉滚动条，`allowfullscreen`可以让iframe全屏显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值