iframe里阻止页面新窗口打开/不允许跳出的方法

文章探讨了如何使用HTML5的sandbox属性来防止iframe嵌入的网站链接跳出框架。通过设置sandbox属性为allow-scriptsallow-same-originallow-popups,可以阻止新窗口打开的链接跳出iframe,但可能会导致链接失效。作者邀请读者分享更完善的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题

iframe嵌入的网站,如果有_blank新窗口打开的链接,会跳出iframe框架,如何防止跳出呢?

方法

HTML5新特性中的sandbox属性sandbox="allow-scripts allow-same-origin allow-popups"可以阻止跳转。

<iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="https://www.youkuaiyun.com"></iframe>

Ps:经测试还有些不完美,新窗口打开的链接是不会跳出了,但也不会跳转了(通俗讲就是链接死了)。

朋友们如果有更好的解决方案,可评论区留言交流。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

于飞SEO

如果对你有帮助,就是我的动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值