前端IE或edge页面iframe显示白屏解决方法

最新推荐文章于 2024-01-23 09:28:01 发布
最新推荐文章于 2024-01-23 09:28:01 发布
阅读量4.4k 收藏 3
点赞数
分类专栏： 前端layui 文章标签： javascript html css jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42197013/article/details/106442533
版权

前端IE或edge页面iframe显示白屏解决方法

问题是这样的 ；页面里面有iframe，谷歌可以正常显示，ie不行。
但是点击导航栏又可以显示(我做的是导航栏点击换页面)；
晕，网上很多我都试过了没用，
在这里插入图片描述
在这里插入图片描述
后面发现是edge没有加载iframe的src,马上用js手动加上就OK了，简单一行

具体原因不清楚，把代码贴出来分享给大家

  $("iframe").attr("src","i-index.html")
iframe回调window.parent第三方地址，域名显示第三方地址
eadela的博客
11-30 642
iframe回调window.parent第三方地址，域名显示第三方地址 需求：主页面iframe切套第三方数据源页面，数据源执行操作后，回调传入的地址，而不是主页面域名问题：本地回调页面没有内容，网速慢会白屏，可以diy一些内容，比如等待跳转中。。。
前端知识宝典
最新发布
qq_37759901的博客
01-29 1435
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
iframe加载时白块及刷新白色背景问题解决
08-16
在使用iframe时，iframe背景为白块，刷新时也会闪过白块。如果刷新时间长，就会一直出现白块，让人很烦恼，通过网上搜资料，测试很多依然没有效果，最终解决方法如下所示,注意主要针对IE浏览器测试。
iframe 加载闪过白块问题
wumiju的专栏
09-05 1917
做得项目正好碰上这个问题，只有在IE上会出现iframe的白屏问题，比较郁闷，还做了个测试，纯html却没有这样的问题，桑心...赤裸裸的歧视啊！！！ 问题描述：动态加载iframe，加载过程中出现白屏 解决方案： <iframe name="frames" id="iframeID" src=""/>注意：src为空 $(document).ready(function (...
https前端http类型的iframe 白屏现象
sy_yan的博客
09-09 1996
https前端http类型的iframe 白屏现象 1. 非技术手段 嵌套的时候严格遵守浏览器协议 禁止https嵌套http 浏览器的修改 严格遵守过网站的url 2. 技术手段 meta存在两个非必须的属性http-equiv和name, 用于表示要设置的项。 比如,设置的项是Content-Security-Policy设置的值是upgrade-insecure-requests。 因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止。后来在文档中添加了完美解决
iframe内联元素有白边原因_80%的前端会答错的问题：<img>是什么元素？
weixin_39559486的博客
11-22 199
前言某天晚上，和几个朋友去撸串，突然就聊到了面试，都在感叹现在的面试题太变态了，其中一个突然很神秘的问我：“你写前端这么久了，那你知道 <img> 是什么元素吗？”于是我结合平时写页面的经验，脱口答道：“应该是内联元素吧。”但说出来就后悔了，因为肯定没那么简单。果然，他像“非洲大山”穆托姆博那样对我摇了摇指头。于是我回去就查了一下，发现答案还不是那么明朗，以下是百度和谷歌的结果：但通过...
解决FireFox刷新后button 被 disabled
xiaoliang_xie的专栏
02-10 1540
方法1： window.addEventListener('pageshow', function(e){ // 重置你不需要 disabled 的按钮 }, false); 方法2: 给提交按钮加上 autocomplete="off" 的属性。
前端常见面试题
DJxyyy的博客
09-27 520
前端常见面试题 1、 响应式布局如何实现 响应式布局可以让网站同时适配不同分辨率和不同的手机端，让客户有更好 的体验。方案一：百分比布局 利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素； 能够设置的属性有 width、height、padding、margin，其他属性比如 border、 font-size 不能用百分比设置的，先看一个简单例子： 顶部是利用设置图片 width: 50%来适应不同的分辨率，由于原始图片高度 不同，所以第一张图片顶部会有空白，这种情况最好两张图片宽高保持
京东开源项目micro-app初体验
qq_44000859的博客
01-12 5398
文章目录关于micro-app一、micro-app使用版本以及使用场景？二、使用步骤1.下载总结 关于micro-app 2021年7月由京东开源的微前端框架 官方文档 micro-appgit地址 了解micro-app 一、micro-app使用版本以及使用场景？ 这段不重要可跳过 版本：0.8.0 使用背景：目前所在的公司存在多个项目共用同一个模块的情况，比如有A,B,C三个项目，这三个项目中有一部分页面是完全相同的，我们不希望去重复开发同一个模块，于是领导提出将重复的页面单独提取出来成为独立
面试题总汇
JovanDyy的博客
03-21 2089
前端面试题汇总一、HTML和CSS.............................................................. 171、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?............ 172、每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？. 173、Quirks模式是什么？它和Standards模式...
JS加载iFrame出现空白问题的解决办法
10-22
在使用IE6浏览器开发过程中出现各种奇葩问题，非常棘手，费劲脑汁终于问题解决。小编把解决办法分享到脚本之家平台，需要的朋友可以参考下
iframe内容页白块及刷新白色背景问题解决
07-24
iframe内容页白块及刷新白色背景问题解决，在IE6，IE9上测试通过。
ie8 iframe 白屏
weixin_33834137的博客
05-21 357
lhgdialog多了个relative 排查问题的时候，排除法http://www.lhgdialog.com/api/ 转载于:https://www.cnblogs.com/Lffblogs/p/10901727.html
iframe加载白屏闪烁解决方案
dabaooooq的博客
03-05 2685
onload 事件在iframe载入完成后被触发，载入过程中隐藏，onload触发时显示，当然这个过程中可以做一些动画，在load事件中控制动画的显示隐藏即可。
iframe加载白屏闪烁问题解决
rpiszbybb的博客
04-19 2379
point：onload 事件在frame或者iframe载入完成后被触发。 直接上代码： export default function IframeDemo() { const [iframeLoad, setIframeLoad] = useState<boolean>(false); return ( <div className={cn(style.itemImg, style.iframeWrapper)}> /* 添加缺省图/水印 .
IE下iframe不能正常加载,显示空白
热门推荐
纪争光
08-16 3万+
下午帮忙看了一个web问题，index.html中嵌入来加载同文件目录下的一个页面，在多个浏览器下测试，发现IE浏览器中会出现问题，不能正常加载，显示空白页，右键属性为"_blank" 。          一开始，想到的是src属性的问题，可能是路径不对，但是经过不同浏览器测试，不存在路径问题。         单独把src路径拿出来，贴到IE浏览器中，发现页面加载没问题。通过分析，问题应该出现
edge网页白屏或一张蓝色背景图解决方案
m0_73804746的博客
01-23 1127
我们使用edge时有是会遇到网页白屏或一张蓝色背景图。不用担心，按照以下步骤。
ie11等浏览器+iframe闪烁白屏
qq_42264793的博客
03-05 691
ie11等浏览器+iframe闪烁白屏 解决：
每日踩坑 2019-07-30 H5 使用 iframe 底部有白边
weixin_30781107的博客
07-30 402
用个iframe累死累活的 用 js 动态计算高度， 结果明明px都对，然后却把页面滚动条也整出来了。 查看元素盒模型也一切正常。 然后仔细观察就发现是下边多了几个像素的白色边。 然后就 百度呗 以下两个 style 均可解决问题 style="display:block;" vertical-align:bottom; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值