`

刷新子frame

    博客分类:
  • js
阅读更多

在main.html中

<iframe id="mainframe" src="center.html" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>

在center.html中

<frameset cols="150,*">
 <frame id="leftMenuframe" src="../index/leftMenu.jsf" width="100%" height="100%" scrolling="no"  frameborder="0"></frame>
 <frame id="contextframe" src="../index/context.jsf" width="100%" height="100%" scrolling="no" frameborder="0"></frame>
</frameset>

如果想要在main.html中获取到center.html中的子frame的id值来刷新子frame,这时候可以用下面一段代码解决。

function demo(){
  var mainframe = document.getElementById('mainframe');//获取frame
  var leftMenuframe = mainframe.contentWindow.document.getElementById('leftMenuframe');//获取子frame
  leftMenuframe.contentWindow.location.reload();//刷新
 }

分享到:
评论

相关推荐

    同一父页面的一个子页面刷新另一个子页面

    "同一父页面的一个子页面刷新另一个子页面"这个话题聚焦于如何在不重新加载整个父页面的情况下,仅刷新其中一个`iframe`内的子页面。这种技术在提升用户体验、节省网络资源等方面具有显著优势,尤其是在需要动态更新...

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

    然而,`iframe`的使用有时也会带来一些问题,比如在后台管理系统中,当用户在某个子页面(如二级菜单页面)操作时,如果`iframe`刷新,可能会导致页面跳转回首页,这显然不是用户期望的行为。针对这个问题,我们需要...

    FPGA自主刷新技术研究.pdf

    在深入解析给定文件内容之后,我们可以提取并详细阐述关于FPGA自主刷新技术的重要知识点。 ### FPGA自主刷新技术的概述 FPGA(现场可编程门阵列)是电子设计自动化领域的重要硬件元件,它可以被用户现场编程以实现...

    页面四种局部刷新技术.txt

    city=`+ city),可以实现根据用户输入的不同城市参数,动态加载不同的子页面内容,而无需整个页面重新加载,从而达到局部刷新的目的。 ### 2. JavaScript JavaScript是一种广泛使用的脚本语言,可以直接在浏览器...

    JS网页刷新大全 JS网页刷新大全

    #### 在Frame内刷新子页面 接下来,在`top.html`文件中,作者提供了多种方式来刷新`bottom.html`页面: 1. **使用数组索引**: ```javascript window.parent.frames[1].location.reload() ``` 这里假设`bottom....

    Javascript 刷新框架及页面的方法总集

    - **解释**:此方法通过索引访问父窗口中的子框架,然后调用`location.reload()`方法刷新该框架。 - **适用场景**:当您知道要刷新的框架在父窗口中的确切位置时,此方法非常有效。 ##### 2. `window.parent.frames...

    js刷新页面 方法大全

    请注意,这些方法在多框架页面中工作良好,但如果子页面本身也是一个包含更多子页面的框架集,某些方法可能不适用。在这种情况下,可能需要更深层次的引用,或者使用`window.top`或`window.self`来确定确切的页面...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    通过`window.open()`函数打开的子窗口刷新父页面 - **语法**: `window.opener.location.reload();` - **应用场景**: 当用户在一个新窗口操作后需要返回主窗口时,可以通过这种方式刷新主窗口。 ##### 3. 刷新某一...

    ajax无刷新上传图片

    IFrame可以创建一个隐藏的子窗口,用户在子窗口中提交表单,从而实现文件的无刷新上传。 1. 创建IFrame:在HTML中创建一个隐藏的IFrame元素,用于承载文件上传的表单提交结果。 2. 构建表单:创建一个动态的HTML...

    html框架集js刷新页面方法大全.pdf

    在本例中,`bottom`是frame的名称,因此我们可以使用索引或名称来引用它,并通过`location.reload()`方法来刷新页面。 为了验证bottom.html是否已被刷新,可以在其页面加载时显示一个警告对话框,如下所示: ```...

    LCD FrameRate计算器(S3C2416)

    帧率,也称为刷新率,是指LCD屏幕每秒钟能够更新图像的次数,通常以Hz为单位。在视觉效果和用户体验上,高帧率可以提供更流畅的显示效果。对于S3C2416这样的嵌入式系统,LCD帧率的计算与硬件配置、时钟频率、分辨率...

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

    这种技术可以借助`iframe`(Inline Frame)元素来实现。`iframe`允许我们在一个HTML文档中嵌入另一个HTML文档,从而实现页面内容的动态切换,而不会打断用户的操作流程。 **一、iframe的基本使用** `&lt;iframe&gt;`标签...

    linux frame buffer 学习资料

    `313143-The Linux Frame Buffer Device Subsystem.pdf` 这份资料可能专注于Linux Frame Buffer子系统的整体架构和设计。它可能详细解释了Framebuffer子系统如何与其他子系统(如DMA、中断处理)协同工作,以及如何...

    fb.tar.gz_frame buffer

    在Linux系统中,帧缓冲设备通常作为字符设备节点存在于/dev目录下,如/dev/fb0,开发者可以通过它直接操作屏幕内容,而无需经过复杂的图形子系统,如X Window System。 这个"fb"文件可能是压缩包中的主要程序或代码...

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

    重点是阻止默认的刷新,这样外部页面就不刷新了,然后指定刷新iframe,我下面给出了思路 [removed] = function(e){ if(e.keyCode == 116){ e.preventDefault(); //组织默认刷新 var iframeSrc = iframe.src; ...

    javascript 刷新框架

    根据提供的案例,“javascript 刷新框架”涉及到的具体内容是:如何在主页面中触发子页面(即框架)的刷新。这里提供了一个典型的例子,包括了`frame.html`作为框架页面,以及`top.html`和`bottom.html`作为子页面。...

    js刷新框架子页面的七种方法代码

    接下来,我们将逐一介绍七种刷新子页面的方法: 1. **使用数组索引刷新**: ```javascript window.parent.frames[1].location.reload(); ``` 这里使用了 `window` 对象的 `parent` 属性来访问父窗口(即 `...

    jsf仿frame

    "jsf仿frame"实例展示了如何使用JSF和Facelets的强大力量来实现类似框架的Web页面布局,通过自定义组件和事件处理实现菜单点击后只刷新页面的指定区域。这对于提升用户体验和构建复杂的Web应用具有很高的价值。...

    浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总

    每种语句都是通过访问window.parent对象,并指定要刷新的frame(子窗口)来完成操作的。这些语句展示了不同的访问方式,例如通过索引位置、名称或者直接访问,作者指出这些方法的有效性取决于具体的框架结构和个人...

    java实现电子时钟

    我们可以创建一个名为`ClockThread`的类,继承自`Thread`,并在`run`方法中实现时间的刷新逻辑。 ```java public class ClockThread extends Thread { @Override public void run() { while (true) { // 获取...

Global site tag (gtag.js) - Google Analytics