当前位置:首页 > 网站建设 > 建站交流 > 正文内容

Iframe禁止弹窗

热淘网2个月前 (06-10)建站交流50

一、业务场景

移动端H5开发,经常需要展示新闻资讯等内容,新闻资讯经常分为几种,

一种是根据字段拼出,自己写样式展示;

一种直接拿到HTML代码,富文本展示;

还有一种就是给你url链接,利用iframe嵌入展示;(重点)
二、问题描述

利用iframe嵌入网页时,网页本身自带a标签,点击则弹出新窗口,而我们并不希望它弹出;
三、解决方案

利用iframe自带属性sandbox解决
sandbox=“allow-top-navigation allow-same-origin allow-forms allow-scripts”

demo:

<iframe 
    src="https://www.baidu.com" 
    width="100%" height="100%" 
    scrolling="auto" 
    sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts">
</iframe>

四、解释

sandbox 属性
“” 应用以下所有的限制。
allow-same-origin 允许 iframe 内容被视为与包含文档有相同的来源。
allow-top-navigation 允许 iframe 内容从包含文档导航(加载)内容。
allow-forms 允许表单提交。
allow-scripts 允许脚本执行。
allow-popups 允许弹出窗口(如window.open,a标签target="_blank")。

将allow-popups不添加上去,其余都添加上去即可实现。
ps:百度搜sandbox属性,很多都没介绍allow-popups,实属坑。。。

<p>扫描二维码推送至手机访问。</p><p>版权声明:本文由<strong>网站标题</strong>发布,如需转载请注明出处。</p>

本文链接:https://blog.retao5.com/jianzhan/1492.html

分享给朋友:

相关文章

PDO,MYSQL,MYSQLI 性能哪个比较好

PDO,MYSQL,MYSQLI 性能哪个比较好

 PDO,MYSQL,MYSQLI 性能哪个比较好?这里我们来简单进行下对比。  普通的mysql连接肯定是会被抛弃的 因为每次都要防止sql注入的问题 而且相对来说比较慢。  mysqli是在普通m...

nginx 502排错

nginx 502排错

线上一台机器(该论坛所在机器)近期频繁出现502,每100次访问就会出现10次,这频率也太高了。于是开始了我的502排查之旅。1. ps aux |grep -c php复制代码结果为200 nets...

百度恢复收录,不恢复排名分析

百度恢复收录,不恢复排名分析

从6月份开始,百度开始大范围打击低质量站点,无法统计有多少站长手上的网站被打击掉,是真的垃圾站点也好,还是“躺着也中枪”也好,还是有不少站长坚持着SEO,相信百度会有一天给自己一个公道,武汉seo余斗...

视频解析接口大全,不定期更新

视频解析接口大全,不定期更新

乐视解析:http://apn.zhibo99.cn/mdparse/letv.php?id=通用解析1:https://api.47ks.com/webcloud/?v=优酷云解析:http://a...

飞飞影视系统play.html js加密解析方法

飞飞影视系统play.html js加密解析方法

飞飞影视系统play.html js加密解析方法加密后的JS代码如下: <script language="javaScript"> eval(f...

19天全新网站如何突围2900万索引量热门词到首页

19天全新网站如何突围2900万索引量热门词到首页

百度权重也成功达到了2。而且今天关键词上去后效果立竿见影,一天的时间来了十几个咨询电话,老板很高兴,同样我也很高兴,终于努力了十几天得到了回报。   所以今天来和大家再总结一下昨天没有提到的一些相关优...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。