`
Yangjinghuan
  • 浏览: 48146 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

刷新iframe的方法

阅读更多

1.如:<iframe src="1.htm" name="myIframeName" id="myIframeID"></iframe>

方法一:
       <input type="button" name="Button" value="Button" onclick="document.frames("myIframeName").location.reload()">

方法二:
       <input type="button" name="Button" value="Button"
onclick="document.all.ifrmname.document.location.reload()">

方法三:
       <input type="button" name="Button" value="Button"
onclick="ifrmid.window.location.reload()">

方法四(适于跨域操作):
       <input type="button" name="Button" value="Button"
onclick="window.open(document.all.ifrmname.src,'myIframeName','')">

2.Iframe 实现AJAX请求
      var iframeObj = document.getElementById("myIframeID");   
                iframeObj.src="b.html";   
    

分享到:
评论

相关推荐

    iframe框架的多种刷新方法总结

    适合用于iframe框架集的几种页面刷新方法,局部刷新,动态刷新, window.location.herf的刷新方式

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

    针对这个问题,我们需要一种方法来防止`iframe`刷新时返回首页。 首先,我们理解`iframe`的基本工作原理。`iframe`通过`src`属性加载指定的URL,当`iframe`内容被刷新或重新加载时,`src`属性指向的页面将再次被...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    本案例主要探讨如何基于AdminLTE(一个基于Bootstrap的开源后台主题)利用iframe和JavaScript实现局部刷新功能,以提升用户体验。 AdminLTE是一个免费的响应式后台模板,其设计灵感来源于Twitter的Bootstrap框架,...

    JS页面跳转和js对iframe进行页面跳转、刷新

    刷新iframe内的页面可以通过再次设置`location.href`属性来实现。 ```javascript var iframe = document.getElementById('myIframe'); iframe.src = iframe.src; // 或者 iframe.contentWindow.location.reload(); `...

    基于bootstrap用iframe实现的局部刷新的案例

    在这个“基于bootstrap用iframe实现的局部刷新的案例”中,我们将探讨如何利用Bootstrap结合JavaScript(特别是与标签相关的操作)以及iframe元素来实现页面的局部刷新和tab页切换效果。 首先,Bootstrap的Tab组件...

    iframe之局部刷新

    iframe之局部刷新 - 行知 - JavaEye技术网站.mht

    bootstarp+iframe 实现局部刷新 后台模板

    在后台模板中,`iframe`通常被用来承载各个功能模块,如数据管理、设置等,这样当用户在不同模块间切换时,只需要加载`iframe`内的内容,而不是整个页面,实现了局部刷新的效果。 选项卡功能是另一种提高用户交互性...

    iframe标签实现网页部分刷新

    在网页设计和开发中,`iframe`(Inline Frame)标签是一种强大的工具,它允许我们将一个网页嵌入到另一个网页中,实现部分内容的独立加载和刷新,从而提高用户体验。`iframe`广泛应用于网站后台、模块化内容展示、...

    使用iframe实现点击导航无刷新切换页面

    这里的JavaScript函数`changeIframe`接收一个参数,即要加载的页面URL,并将其赋值给`iframe`的`src`属性,从而实现在导航栏点击时无刷新切换内容。 **三、Bootstrap导航栏的响应式设计** Bootstrap的导航栏是响应...

    iframe实现页面局部刷新操作

    在网页开发中,有时我们需要实现在不刷新整个页面的情况下更新某些特定区域,这通常是通过`iframe`(Inline Frame)来实现的。`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架...

    再iframe中刷新列表

    本文主要介绍了如何在使用iframe嵌套的情况下,通过不同的方法实现子页面或弹出层对父页面列表的刷新操作。具体涉及的技术包括JavaScript的基本用法、DOM操作以及第三方库fly.js的应用。 #### 知识点详细说明 ####...

    ifram中的页面刷新方法

    本文件主要介绍了三种在ASP.NET中利用Iframe进行页面刷新的方法。 首先,我们来看第一种方法:“重新定向到本页”。这种方法适用于子页面需要主动刷新的情况。在示例中,我们有三个页面:父页面A.aspx和两个子页面B...

    demo_DEMO_子页面刷新父页面iframe_

    标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...

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

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

    js实现刷新iframe的方法汇总

    首先,我们来看几种常见的刷新IFrame的方法: 1. **使用IFrame的name属性定位**: 当IFrame具有name属性时,可以通过`document.frames('ifrmname')`或`document.all.ifrmname`来访问它,然后调用`location.reload...

    iframe实现无刷新上传下载

    "iframe实现无刷新上传下载"是一个利用IFrame和JQuery技术来创建的项目,它允许用户在不刷新整个页面的情况下进行文件的上传和下载操作,提高了交互效率,同时也保持了页面状态的连续性。 首先,我们要理解什么是...

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

    这里将详细介绍三种刷新`iframe`的方法。 ### 方案一:使用iframe的`name`属性定位 `name`属性是`iframe`的一个重要属性,它用于给`iframe`命名,使得我们可以通过这个名称来引用和操作`iframe`。要通过`name`属性...

    php+iframe 无刷新上传

    同时,为了利用iframe实现无刷新上传,`target`属性应设置为iframe的ID。 3. **IFrame应用** IFrame作为目标表单提交点,可以让表单提交在背景中进行,不更新整个页面。创建一个隐藏的iframe,将表单的`action`...

Global site tag (gtag.js) - Google Analytics