`
huibin
  • 浏览: 754156 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

刷新iframe解决方案

    博客分类：
  • JS
 
阅读更多

 <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>

方案一:用iframe的name属性定位
     <input type="button" name="Button" value="Button"
onclick="document.frames('ifrmname').location.reload()">

或
<input type="button" name="Button" value="Button"
onclick="document.all.ifrmname.document.location.reload()">

方案二:用iframe的id属性定位
<input type="button" name="Button" value="Button"
onclick="ifrmid.window.location.reload()">

终极方案:当iframe的src为其它网站地址(跨域操作时)
<input type="button" name="Button" value="Button"
onclick="window.open(document.all.ifrmname.src,'ifrmname','')">

分享到：
| 关于window.showModalDialog()返回值的学习 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    解决JS跨域访问IFrame的解决方案

    "解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制，使得在JSP页面中嵌入的跨域IFrame能够正常通信。下面我们将详细探讨这个问题以及可能的解决方案。 首先，理解同源策略是关键。同源策略是...

    后台管理禁止iframe刷新返回首页

    5. **禁用`iframe`的刷新按钮**：虽然这可能影响用户体验，但作为一种备选方案，可以通过CSS或JavaScript隐藏或禁用`iframe`内的刷新按钮，防止用户意外点击导致的页面跳转。 6. **路由管理**：如果后台管理系统...

    解决双iframe互相刷新进入死循环的问题

    然而，在处理多个iframe交互时，可能会遇到一个棘手的问题——双iframe互相刷新进入死循环。这个问题通常发生在两个或多个iframe之间尝试通过JavaScript互相重载对方，导致无限循环，严重影响用户体验并可能导致...

    demo_DEMO_子页面刷新父页面iframe_

    在IT行业中，尤其是在Web开发领域，经常需要处理页面间的交互问题。标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面...在实际应用中，还需要结合具体项目需求，选择最适合的解决方案。

    iframe如何刷新的三种实现方案

    这时，一种可行的解决方案是重新打开`iframe`的`src`，以达到刷新的效果。以下是如何实现的代码： ```html &lt;iframe src="https://example.com" name="ifrmname" id="ifrmid"&gt;&lt;/iframe&gt; (document.getElementById('...

    完美解决iframe跨域问题

    然而，有时我们需要在不同的域之间共享数据或者嵌入其他网站的内容，这时候`iframe`（Inline Frame）就成为了一种常用的解决方案。本文将深入探讨如何“完美解决iframe跨域问题”，并介绍其底层的`window.name`转换...

    vue基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生

    基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。 适合人群：具备一定编程基础，工作1-3年的研发人员 能学到什么： 1、使用postMessage方法来完成基座项目和子...

    iframe 跨域解决方法

    总的来说，`iframe`跨域问题的解决方案依赖于你的具体需求和目标页面的可控程度。理解并正确使用上述方法，可以有效地解决跨域限制，实现`iframe`间的通信。在实际项目中，务必确保遵循最佳实践，同时注意安全性和...

    基于iframe的跨域与更新父窗体地址栏的解决方案.docx

    ### 基于iframe的跨域与更新父窗体地址栏的解决方案 #### 1. 需求介绍 在现代Web应用开发中，经常会出现需要在一个应用中嵌入另一个应用的情况，尤其是在需要集成第三方服务或功能时。本文档探讨了一个特定场景：...

    在使用showModalDialog中为解决刷新时弹出新窗口时用到iframe所带来的一个问题

    4. **考虑替代方案**：尽管`showModalDialog`提供了某些便利，但考虑到其已过时和不兼容性，可以考虑使用更现代的解决方案，如Bootstrap的`modal`插件、Vue或React的模态组件等。 在提供的压缩包文件"iframe_...

    easyui iframe 页面重复加载的问题

    在使用easyui框架开发Web应用时，特别是在使用tab布局的...以上就是对于easyui中iframe页面重复加载问题的分析及其解决方案的详细说明。在实际开发中，应合理运用这一技术细节，以达到更好的用户交互体验和系统性能。

    layuiadmin-iframe3.zip

    2. iframe的使用：layui提供了一套完整的iframe解决方案，包括创建iframe、动态加载内容、与父页面或兄弟iframe之间的通信等。在layuiadmin-iframe3中，可以看到如何通过layui的API来添加和控制iframe元素。 3. ...

    js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法

    下面详细分析解决方案及知识点。 首先，我们需要了解的是，F5键在浏览器中通常用于刷新当前页面。当用户在包含iframe的页面按下F5时，如果没有特别的干预，那么整个页面将会被刷新，包括父页面和iframe。但如果希望...

    vue下iframe标签页,切换标签页,iframe不重载

    vue项目中一个模板组件，不同iframe的src地址，对应不同的路由，不同标签页，且切换标签页不重载。这种客户的要求是特例在网上没有，所以纯自行手码。由于项目在vuex保存了标签页，所以初次进入该组件时，调用了一次...

    iframe自适应高度js demo

    在网页开发中，`iframe`（Inline Frame）是一种嵌入式框架元素，它允许我们在一个HTML文档中嵌入另一个HTML文档。...通过查看并运行这些文件，你可以更好地理解并实践`iframe`自适应高度的JavaScript解决方案。

    关于iframe的用法

    ### iframe的挑战与解决方案 - **SEO问题**：搜索引擎可能无法正确索引iframe内的内容。可以通过提供替代内容或使用AJAX加载来解决。 - **性能影响**：iframe加载可能会增加页面的整体加载时间。优化图片和其他资源...

    iframe自适应高度和宽度

    #### 五、兼容性问题及解决方案 上面提到的方法在大多数现代浏览器中都能正常工作，但在一些旧版本的浏览器（如IE6/7）中可能会出现问题。为了提高兼容性，可以采用以下JavaScript脚本来处理不同浏览器的差异： ``...

    使用jQuery和ajax代替iframe的方法(详解)

    jQuery和ajax技术的结合，提供了一种更为高效和友好的解决方案。下面详细介绍如何使用jQuery和ajax代替iframe，并说明其优势。 首先，让我们理解jQuery和ajax的基本概念。jQuery是一个快速、简洁的JavaScript库，它...

    Vue中对iframe实现keep alive无刷新的方法

    一开始使用了Vue自带的keep- alive发现没有用，于是自己研究了一下解决方案。。。。。。 Vue的keep-alive原理 要实现对保持iframe页的状态。我们先搞清楚为什么Vue的keep-alive不能凑效。keep-alive原理是把组件里...

Magicbox
Global site tag (gtag.js) - Google Analytics