`
CoderDream
  • 浏览: 478386 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

子页面刷新父窗口

阅读更多

下面的例子是一个子窗体调用方法改变父窗体

主页面 cc.html

<html>
<head>
<script type="text/javascript">
function temp(id) {
document.getElementById("temp").src = id;



}
  function temps(id) {
  alert(id);
}
</script>
</head>
<body>
主页
<a  href="#" id="bb.html" onclick="temp(this.id);" > bb </a>
<a  href="#" id="xx.html" onclick="temp(this.id);" > cc </a>
<Iframe id="temp" src="xx.html" width="500" heitht="600">aa </IFRAME>
</body>
</html>

子页面 xx.html

<html>

<body>
这是第一个子页面
</body>
</html>

子页面 bb.html

<html>
<body>
第二个子页面
<a  href="#" id="xx.html" onclick="window.parent.temp(this.id);" > cc </a>
</body>
</html>

把这三个页面放在同一个目录下面 ,打开主页面试一下再对着代码看一下你就会找到你所需要的东西了


以下是iframe的一些语法
标记的使用格式是:
  <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"> </iframe>
  src:文件的路径,既可是HTML文件,也可以是文本、ASP等;
  width、height:"画中画"区域的宽与高;
  scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出  现滚动条;如为Yes,则显示;
  FrameBorder:区域边框的宽度,为了让“画中画“与邻近的内容相融合,常设置为0

分享到:
评论
6 楼 大猫汤姆 2009-02-17  
CoderDream 写道
大猫汤姆 写道
三种解决方案:
1。使用AJAX直接提交,然后把内容加到父页中的表格当中。
2。使用JS,在提交后自动刷新父页面。
3。楼主这种方式对用户来说容易乱,应该禁止弹出窗口,总是使用一个页面。


其实用“弹出窗口”很不安全,然后不好控制。但是客户要求是这样的,所以只能这样实现。


是的,这样的产品都不允许弹出窗口的,这样省事,而且不容易出错。我们遇到了都是说服客户,并且态度很强硬,说产品就是不允许弹出窗口。
你们要是这里可以弹出来了,那么客户很可能要你们其它地方也统一使用这种模式,那工作量就大大的上去了。

5 楼 CoderDream 2009-02-16  
大猫汤姆 写道
三种解决方案:
1。使用AJAX直接提交,然后把内容加到父页中的表格当中。
2。使用JS,在提交后自动刷新父页面。
3。楼主这种方式对用户来说容易乱,应该禁止弹出窗口,总是使用一个页面。


其实用“弹出窗口”很不安全,然后不好控制。但是客户要求是这样的,所以只能这样实现。
4 楼 抛出异常的爱 2009-02-14  
大猫汤姆 写道
三种解决方案:
1。使用AJAX直接提交,然后把内容加到父页中的表格当中。
2。使用JS,在提交后自动刷新父页面。
3。楼主这种方式对用户来说容易乱,应该禁止弹出窗口,总是使用一个页面。

windows.opener.reload(); ?

模式对话框?

另这个发错版了.
3 楼 大猫汤姆 2009-02-14  
三种解决方案:
1。使用AJAX直接提交,然后把内容加到父页中的表格当中。
2。使用JS,在提交后自动刷新父页面。
3。楼主这种方式对用户来说容易乱,应该禁止弹出窗口,总是使用一个页面。
2 楼 CoderDream 2009-02-13  
ftuo 写道
第4行代码:window.opener.location = window.opener.location;
没看明白。

子页面刷新父页面。
1 楼 ftuo 2009-02-13  
第4行代码:window.opener.location = window.opener.location;
没看明白。

相关推荐

    刷新父窗口的多种方法

    弹出子页面刷新父窗口 在打开一个新的窗口或者弹出一个子窗口后,有时我们需要在关闭子窗口时刷新父窗口。这种方法非常常见,例如,在用户完成了一个表单填写并提交后,我们可能希望关闭这个弹出窗口并刷新主页面...

    子窗口刷新父窗口总结

    ### 子窗口刷新父窗口技术总结 在网页开发中,我们常常遇到需要在子窗口完成某些操作后,刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时...

    demo_DEMO_子页面刷新父页面iframe_

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

    JS刷新父页面 父窗口

    在JavaScript中,我们经常遇到需要在一个弹出的窗口(子窗口)中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的关键是能够访问到父...

    子窗口与父窗口刷新

    3. **父窗口的更新**:在子窗口的AJAX成功回调函数中,我们可以调用`parent.window.location.reload()`来刷新父窗口。这样,父窗口将获取到最新的数据并重新渲染页面。 这个过程的关键在于通过AJAX保持页面的异步...

    open 关闭子页面刷新父页面

    根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...

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

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

    Qt 子窗口父窗口切换,窗口间传值

    在Qt编程中,子窗口与父窗口之间的交互是常见的需求,包括窗口间的切换和数据传递。这涉及到Qt的窗口系统和信号与槽机制。本文将深入探讨如何在Qt环境中实现子窗口与父窗口的切换以及如何在窗口之间传递数据。 首先...

    jsp 刷新父页面

    用iframe、弹出子页面刷新父页面 iframe parent.location.reload(); 弹出子页面 window.opener.location.reload(); 子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 ...

    子窗口传值到父窗口.rar

    在Web开发中,有时我们需要在子窗口与父窗口之间传递数据。这通常发生在弹出窗口或者框架集等场景中,用户在子窗口进行操作后,需要将结果反馈给父窗口,以便更新父窗口的状态或展示相关信息。这个过程就称为“子...

    jsp与javascript配合,父窗口与子窗口之间刷新

    - **使用`opener.location.reload()`**:在子窗口中,你可以通过`opener`引用父窗口,然后调用`reload()`方法刷新父窗口的页面。 - **通过消息传递**:使用`window.postMessage()` API,子窗口可以向父窗口发送...

    窗口刷新父窗口然后关闭

    标题“窗口刷新父窗口然后关闭”涉及到的是软件开发中的用户界面交互操作,主要与Windows操作系统下的编程有关。在Windows API(应用程序接口)中,开发者可以通过编程实现窗口的刷新和关闭功能。这一操作常见于需要...

    js(javascript)子窗口和父窗口交互

    而“刷新”按钮则用于刷新父窗口的内容。 #### 二、通过 `window.showModalDialog()` 实现交互 除了 `window.open()` 之外,还可以使用 `window.showModalDialog()` 来创建模态对话框。这种方法可以让父窗口保持在...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    EasyUI提供了一种方式,通过`parent`关键字来访问父窗口的对象,从而调用其上的函数。假设在父页面上有一个名为`updateParentData`的函数,可以在子页面中这样调用: ```javascript parent.updateParentData('子...

    弹出层关闭父页面刷新

    `window.parent.location.reload()` 这行代码会刷新父窗口的页面。这里的`parent`属性用于引用包含当前窗口的窗口,即父窗口。`reload()`方法则是用来刷新页面的。 具体实现步骤如下: 1. 在弹出层的HTML代码中,...

    javascript刷新父页面

    在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的页面。这在很多应用场景下都非常有用,比如用户在子窗口...

    VB.NET中子窗刷新父窗显示

    "VB.NET中子窗刷新父窗显示"这个话题是关于如何从一个子窗口(子窗体)触发对父窗口(主窗体)中的控件,如DataGridview,进行刷新的操作。这种功能常见于多窗口应用中,比如数据编辑或查询场景,当用户在子窗口中...

    在同一个页面父窗口打开子窗口

    总的来说,"在同一个页面父窗口打开子窗口"结合动态无刷新提交,利用jQuery的Ajax功能,可以创建出高效且用户体验优良的Web应用。同时,考虑到不同浏览器的兼容性,使得这些功能能够在更广泛的用户群中得到应用。...

    javascript刷新父页面的各种方法汇总

    2. **弹出子页面刷新父页面**: 当父页面通过`window.open()`函数打开一个新的窗口或标签页时,可以在子页面中使用`window.opener.location.reload()`来刷新父页面。这里的`window.opener`属性引用的是创建当前窗口...

    关闭模态对话框,刷新父窗口,异步上传文件

    刷新父窗口通常用于更新父页面的数据,当子页面(如模态对话框)完成特定操作后。在JavaScript中,`window.location.reload()`方法可以用来刷新当前页面。如果模态对话框是嵌入在一个框架或者弹出窗口中,可能需要对...

Global site tag (gtag.js) - Google Analytics