关于Iframe无法加载的问题

最新推荐文章于 2024-04-24 09:22:16 发布
最新推荐文章于 2024-04-24 09:22:16 发布
阅读量5.9k 收藏
点赞数
文章标签： iframe javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/the5thelement/article/details/4926803
版权

今天碰到一个十分诡异的问题,通过点击链接调用js函数创建iframe,但是iframe并不加载src中的页面,研究一天未果.

最后本人抱着试一试的心态将<a>标签中的href="javascript:void(0)"修改为href="#"后,iframe竟然成功加载src页面.

等有空再研究两者之间的差异,今天先做记录

THe5THelement
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
js检测iframe是否加载完成的方法
11-22
本文实例讲述了js检测iframe是否加载完成的方法。分享给大家供大家参考，具体如下： 这里是继上一篇《js实现iframe框架取值的方法(兼容IE,firefox,chrome等)》的扩展应用: 应用场景：iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外，还没找到更有效的办法)，但是有时候我们不知道这个iframe页面是否执行完毕，有没有办法判断iframe里的页面是否load完成了呢？ iframe1.html: <html> <head> <title>框架内页</title> </head> <body> <div> <
iframe 禁止打开新窗口_打开新窗口的安全和性能问题
weixin_39548776的博客
12-01 2434
相信大部分同学都接到过"点击页面某个地方从新窗口打开一个页面"的需求,一般这个需求都有一下两种处理方式来完成:1.a标签加上target="_blank"属性2.window.open(url)但是以上两种处理方式可能会遇到已下问题:1. 用户账户或个人信息被盗取2. 打开新页面后,原窗口页面出现卡顿情况经过一顿猛操...
easyui iframe 页面重复加载的问题
01-24
解决使用tab布局过程中页面多次加载的问题 如果在使用easyui过程中,你使用了easyui 的tab布局,在tab布局的内容上使用的不是content,而是iframe,那么你的页面有可能多次加载了,这篇文章帮你解决问题
a标签跳iframe，问题以及注意点
weixin_60559438的博客
05-12 187
a标签跳iframe，问题以及注意点
Iframe标签加载不了jsp问题解决
tan554334064的博客
08-12 4486
原因：当页面需要添加Iframe标签时访问不到或加载不了jsp文件解决方法 如：触发某一个条件时添加一个Iframe标签，   $(".body_main").append(''); 如果出现404错误解决方法 在web.xml文件内添加：    ent    /WEB-INF/entering/ent.jsp        ent    /ent  
Vue 嵌入iframe，没有显示对应的页面，显示空白或者拒绝了访问，解决的一个思路
热门推荐
普普通通的博客！
06-29 1万+
在给vue使用iframe嵌入页面的时候，明明没有bug，页面就是显示不出来，白屏了。调了很多iframe的设置，但是就是没有效果。 后来发现是我访问的时候，本机是https，但是访问的地址是http，有个跨域的问题。主要就是浏览器认为不安全。去搜索了一下Http和Https的跨域问题，结论如下：那么解决方案可以是做个代理转发，或者我选择了一个笨办法，就是我去试了下我要嵌入的这个链接https能不能访问，然后发现可以，我就自己自己加了一个s，就可以访问了~...
iframe js 加载失败_JS加载iFrame出现空白问题的解决办法
weixin_42527665的博客
12-29 1155
在使用IE6浏览器开发过程中出现各种奇葩问题，非常棘手，费劲脑汁终于问题解决。特此把我的问题描述及解决办法分享到易采站长站平台，帮助那些遇到此问题的朋友。1、js加载iframe出现空白iframeID 是加载的 Iframe ID号，修改成自己用的即可。setTimeout("document.frames['"+iframeID+"'].location.href='"+iurls+"';",...
页面加载iframe页面时，iframe页面有时无法正常加载的问题
ricksyz的专栏
11-04 1万+
最近在项目中使用iframe，在使用过程中遇到iframe页面加载不正常的问题（iframe的src直接指定）： 如图，iframe页面中有两个div使用jquery的easyui插件显示为panel，但由于加载时没有取到当前页面的宽度，导致panel显示不正常。 经测试发现在IE8下出现这种情况的概率很高，但是在firefox下基本不会出现这种情况（不清楚为什么会这样），IE8下我在主页
html:iframe嵌套页面，ie浏览器加载字体图标不显示问题
阿亮
06-19 731
字体图标不显示问题是加载问题导致，可能是加载慢页面渲染太快从而字体图标样式不显示，深入的不太了解了，毕竟小菜鸡一枚 ，经过作者半天研究，结果就是简单粗暴的一种方式，直接在header中添加字体图标样式，我这里使用的是bootstrap的字体图标样式，如果是其他的字体图标，小伙伴们进入源文件搜索icon找到类似下方代码，放到页面的hader中就可以； <style> @font-face { font-family: 'Glyphicons Halfl
iframe中请求页面而session失效时页面跳转问题
juchanghuan的专栏
11-25 506
访问相关jsp页面时，往往要先判断用户session是否失效，以便决定是继续业务，还是跳转到登录页面。这个事情我们通常是用过滤器来实现的。由过滤器判断session是否失效，由此来决定请求继续还是跳转到登录页面。 但在跳转时，往往会遇到一个问题：如果在iframe中请求页面而session失效时，登录页将在ifame中显示出来。这与我们的需求不符，我们想让登录页在top层展现。若想实现这个效果，...
JS iFrame加载慢怎么解决
10-22
主要介绍了JS iFrame加载慢的解决方法，非常实用，感兴趣的朋友一起学习吧
JS加载iFrame出现空白问题的解决办法
12-28
iframeID 是加载的 Iframe ID号，修改成自己用的即可。 <iframe name=frames id=iframeID src=/> setTimeout(document.frames['+iframeID+'].location.href='+iurls+';,0); //或 setTimeout(document.frames['...
判断iframe里的页面是否加载完成
09-04
主要介绍了通过js来判断iframe里的页面是否加载完成,需要的朋友可以参考下
Storage 工具如何封装(前缀、加密、过期时间等)及localStorage的基础介绍
qq_43641110的博客
04-18 1114
​​​​​​​。
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 486
官网代码（在取消选中状态的时候不生效）
一个小时学习javaScript
weixin_43064364的博客
04-20 848
JavaScript 是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，JavaScript已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。
JavaScript 高性能编程 —— Data Access 数据访问
cccloveforever的博客
04-20 1455
经典计算机科学的一个问题是确定数据应当存放在什么地方，以实现最佳的读写效率。数据存储在哪里， 关系到代码运行期间数据被检索到的速度。在 JavaScript 中，此问题相对简单，因为数据存储只有少量方 式可供选择。正如其他语言那样，数据存储位置关系到访问速度。每一种数据存储位置都具有特定的读写操作负担。大多数情况下，对一个直接量和一个局部变量数据访 问的性能差异是微不足道的。访问数组项和对象成员的代价要高一些，具体高多少，很大程度上依赖于浏 览器。
vue2---修饰符
最新发布
weixin_45503872的博客
04-24 732
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
PLSQL的下载与安装
code袁的博客
04-18 535
🦁作者简介：一名喜欢分享和记录学习的在校大学生💥个人主页code袁💥个人QQ🐯个人wechat：code8896凭借其语法突出显示、SQL和PL/SQL帮助、对象描述、代码助手、编译器提示、重构、PL/SQL美化器、代码内容、代码层次结构、代码折叠、超链接导航、宏库和许多其他复杂功能，Unicode兼容编辑器甚至会吸引最苛刻的用户。手动码字，如有错误，欢迎在评论区指正💬~你的支持就是我更新的最大动力💪~
iframe加载子页面后无法返回
05-26
如果您使用 `iframe` 加载子页面，那么当用户在子页面中进行了操作后，想要返回到原页面可能会出现无法返回的情况。这是因为 `iframe` 加载的子页面是在同一个浏览器窗口中显示的，而不是在新的窗口或选项卡中打开。 为了解决这个问题，您可以在子页面中添加一个返回按钮，当用户点击该按钮时，触发 `parent.history.back()` 函数，从而返回到原页面。另外，您也可以通过使用 JavaScript 监听用户的返回事件，并在返回时将 `iframe` 的高度设置为 0，从而将子页面隐藏起来，显示原页面。 以下是一个示例代码，展示如何在子页面中添加返回按钮： ```html <!DOCTYPE html> <html> <head> <title>子页面</title> </head> <body> <h1>这是子页面</h1> <button onclick="goBack()">返回</button> <script> function goBack() { parent.history.back(); } </script> </body> </html> ``` 在这个示例中，当用户点击返回按钮时，`goBack()` 函数会调用 `parent.history.back()` 函数，从而返回到原页面。您可以根据自己的需求来修改代码，以实现更好的用户体验。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值