防止 iframe 的链接重定向父级页面

摘要:
项目中发现,多系统通过iframe嵌套时,如果iframe的请求是重定向会导致父级页面重定向,怎么破?

项目中发现,多系统通过iframe嵌套时,如果iframe的请求是重定向会导致父级页面重定向,怎么破?

查找MDN(https://developer.mozilla.org/zh-CN/docs),找到sandbox 属性是用来限制安全沙箱的.

防止 iframe 的链接重定向父级页面第1张

最终的设置

(不包含allow-top-navigation即可)

1、在 PC 端你可以这样设置 iframe, 来防止父级页面被重定向, 产生重定向结果的链接会以 _blank 的形式打开
<iframe src="http://t.zoukankan.com/page-b.html" sandbox="allow-forms allow-scripts allow-same-origin allow-popups"></iframe>

2、在移动端你需要这样设置 iframe, 让产生重定向结果的链接失效, 来达到防止父级页面被重定向的目的
<iframe src="http://t.zoukankan.com/page-b.html" sandbox="allow-forms allow-scripts allow-same-origin"></iframe>

免责声明:文章转载自《防止 iframe 的链接重定向父级页面》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SVN版本分支合并学习Spring Boot:(二十四)多数据源配置与使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

iframe,内部网页的缩放

对页面的缩放,是直接通过改变页面本身 如果修改不了,iframe 访问的页面本身,就没办法缩放。 这里的话,本来是想一个个改过去,但是发现,有些地方的宽高,是用 px 写死的。少还好,要是多了,改起来特别不方便。 当然,跟我自身的前端规范不好也有关系。 不过,自从发现了CSS 的缩放样式 ---->transform: scale() 来自W3sch...

springMVC学习--day02

响应 返回字符串以及void的情况 1.返回字符串 <br> <a href="responseController/returnString">returnString</a> <br> 2.没有返回值 <br> <a href="responseController/returnVoid...

服务器常用的状态码

常见HTTP状态码 Type Reason-phrase Note 1XX Informational 信息性状态码,表示接受的请求正在处理 2XX Success 成功状态码,表示请求正常处理完毕 3XX Redirection...

STM32 printf重定向

STM32串口通信中使用printf发送数据配置方法(开发环境 Keil RVMDK)   在STM32串口通信程序中使用printf发送数据,非常的方便。可在刚开始使用的时候总是遇到问题,常见的是硬件访真时无法进入main主函数,其实只要简单的配置一下就可以了。   下面就说一下使用printf需要做哪些配置。   有两种配置方法: 一、对工程属性进行配...

如何安全地运行用户的 JavaScript 脚本

本文来自网易云社区,转载务必请注明出处。 有时候我们需要运行用户输入的 JavaScript 脚本(以下简称脚本)。对于我们来说,这些脚本是不可信任的,如果在当前的 Context 中运行这些脚本,它们就能获取到像 cookie、localStorage、DOM 元素等隐私数据,会有潜在的安全问题。 本文所说的用户脚本,是指用户在文本框中输入的 Jav...

iframe高度自适应的6个方法

原文链接:http://caibaojian.com/iframe-adjust-content-height.html JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求。当内容是...