iframe内嵌页面使用window.open或a标签打开页面无法下载文件

最新推荐文章于 2024-05-06 18:26:11 发布
最新推荐文章于 2024-05-06 18:26:11 发布
阅读量925 收藏 1
点赞数 1
文章标签： javascript 前端 开发语言 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48280101/article/details/132970764
版权

在同域内，系统A通过VUE使用iframe内嵌一个系统B的页面

解决方式：在iframe的sandbox新增allow-downloads属性

原因（本人不清除）

出于沙盒安全性考虑，83版本的chrome浏览器默认禁止了iframe嵌套页面，通过a和window.open,localtion.href点击下载，
为了解决这个问题，可以在父页面的iframe中sandbox属性中添加allow-downloads进行解决，请不要使用allow-downloads-without-user-activation （ 允许在没有征求用户同意的情况下下载文件）
————————————————
版权声明：本文为CSDN博主「全栈-小草」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_39650209/article/details/106449865

weixin_48280101
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue在线预览pdf-- “iframe“ 标签或者window.open()
qq_39877681的博客
06-16 3235
vue在线预览pdf;“iframe” 标签；window.open()
jQuery内嵌iframe导航菜单
04-27
jQuery内嵌iframe导航菜单
window.open()打开文件下载链接被Google Chrome拦截问题
lxw1844912514的博客
04-01 193
由于线上是https的链接，而window.open()打开的链接用的都是http。所以本地一直没问题，而线上存在问题。自己测试发现本地127.0.0.1是没有问题的，而连接线上虽然能够下载，但是有明显的提示“无法安全的下载”，需要再次确认才能下载。本次排查一直以为是window.open()的锅，绕了弯路。（因为我们下载链接是OSS含有时效性的链接都是后台生成返回的，所以调整一个接口就完事了）但是这回浏览器控制台有了明显的提示。按照此方法试了下，不能本次解决问题。试了多种方法后都没有效果。
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
01-19
就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微信网页版。 好了，想法一出来，就行动吧，最终效果如下图： 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了，但是我还是太天真，微信网页版会自动跳转。结果如下图： 于是上网搜了一下阻止iframe跳转的办法，就是在iframe标签加上security=restrictedsandbox= 两个属性。前者是IE的禁止js的功能，后者是HTML5的功能。 使用sandbox=allow-scripts allow-same-origin allow-popups可以
网页模板——jQuery内嵌iframe导航菜单特效源码.zip
11-22
网页模板——jQuery内嵌iframe导航菜单特效源码
windows.open 打开一个iframe_matery主题-给网站嵌入一个markdowm编辑器
weixin_39971435的博客
11-29 167
特性支持“标准”Markdown / CommonMark和Github风格的语法，也可变身为代码编辑器；支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；支持ToC（Table of Contents）、Emoji表情、Task lists、@链接等Markdown扩展语法；支持TeX科学公式（基于KaTeX）、流程图...
iFrame的sandbox配置
m0_46660770的博客
08-01 1475
记录学习日常
解决iframe框架中无法使用wordexport等功能
tiwolf的博客
08-19 3341
最近在iframe框架中使用wordexport插件时遇到了一个坑，在iframe外使用一切正常但是在iframe框架却不行，而且还不报错。找了一整天原因终于在从来不堪的警告里找到了这个： Download is disallowed. The frame initiating or instantiating the download is sandboxed, but the flag ‘allow-downloads’ is not set. See https://www.chromestatus.
父窗口获取不了iframe中的元素及a标签页面整个刷新
seiEight的博客
06-09 857
这次在学习jQuery时，页面的头和尾用了iframe标签嵌套页面，但在操作iframe中标签时碰到两个问题，一是a标签的跳转在局部刷新，二是获取不到iframe中的元素。 一 需要判断一下当前是不是最顶层的窗口，然后刷新最顶层的window，添加以下代码 if (window != top){ top.location.href = "https://www.baidu.com/...
vue中使用keep- alive缓存机制，切换标签含有iframe标签的界面会被重新刷新的问题处理
weixin_44490109的博客
12-01 9152
1、序言 最近工作中，项目上遇到一个这样的需求，就是在打开报表的打印预览界面时，去切换标签，切回打印预览界面的时候，要求界面不刷新。vue框架中，我们去处理此类问题，通常马上就会想到去使用vue框架中自带的keep-alive组件，所以一开始我也是去使用了keep-alive,但是发现没有达到预期效果，后面通过研究和查阅资料发现，在vue项目中加入了含有iframe的页面，在路由切换的过程中，使用keep-alive是达不到数据缓存的效果的。 2、使用keep-alive缓存不了iframe界面原因 （1）
iframe嵌套页面下载问题
weixin_43179300的博客
02-19 2853
出于沙盒安全性考虑，83版本的chrome浏览器默认禁止了iframe嵌套页面，通过a和window.open,localtion.href点击下载， 为了解决这个问题，可以在父页面的iframe中sandbox属性中添加allow-downloads进行解决，请不要使用allow-downloads-without-user-activation （ 允许在没有征求用户同意的情况下下载文件） ...
使用iframe window的scroll方法控制iframe页面滚动
09-04
在页面中如何控制内嵌的iframe滚动呢？方法是使用iframe window的scroll方法，大家可以参考下面的示例
详解js location.href和window.open的几种用法和区别
12-14
//当前页面打开URL页面 [removed].href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 parent.location.href;//在父页面打开新页面 top.location....
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
10-20
主要介绍了jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码,需要的朋友可以参考下
chrome-extension---Access-Local-Files:Chrome扩展程序可打开本地文件并执行跨域访问的iframe中的window.open
05-01
从iframe打开window.open Chrome会阻止从跨域框架中单击的所有window.open。 该扩展名允许您打开窗口。 单击链接到本地​​文件。 文件打开。Chrome商店原始扩展名 原始的chrome扩展名仅允许打开本地链接。 我已经...
bpmn-js推荐几款常用的插件
飞云先生
04-30 149
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
基于React实现B站评论区
stu_kk的博客
05-02 968
使用React构建了一个仿照B站基本的前端评论系统，实现了动态加载、排序、添加和删除评论的基本功能。通过React的状态管理和事件处理机制，实现了交互式的用户体验。但是在实际应用中，还需考虑与后端接口的交互、错误处理、分页加载、以及更复杂的用户交互逻辑。
表格隔行变色
weixin_54339833的博客
05-02 400
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
vue3引入element-plus完整步骤
最新发布
zzx262625的博客
05-06 259
如果你的项目需要在低版本浏览器上运行，你可能需要使用一些转换工具（如Babel、ESBuild）和polyfill来确保兼容性。在你的Vue项目中配置一个编译器（如Vue CLI、Vite等），然后运行你的项目。你可以尝试在你的组件中使用一些Element Plus的组件来确保它们正常工作。使用npm（或cnpm，如果你在中国并且希望使用淘宝的npm镜像）来安装Element Plus。这样，你就可以在你的Vue组件中使用Element Plus的图标了。在你的Vue 3项目的入口文件（通常是。
子iframe通过a标签跳转到父页面_a标签、window.open与iframe运用
06-02
好的，我可以回答你的问题。 子iframe通过a标签跳转到父页面可以使用以下方法： 1. 在子iframe中嵌入一个a标签，并设置其target属性为"_parent"，如下所示： ``` <a href="父页面URL" target="_parent">跳转到父页面</a> ``` 2. 在子iframe中使用JavaScript代码来实现跳转，如下所示： ``` window.parent.location.href = "父页面URL"; ``` 另外，如果需要在父页面中打开一个新的窗口，可以使用window.open()方法，如下所示： ``` window.open("新窗口URL", "_blank"); ``` 如果需要在子iframe中打开一个新的窗口，可以使用以下代码： ``` window.open("新窗口URL", "_blank", "width=500,height=500"); ``` 希望这些方法对你有所帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值