`
j2ee_yohn
  • 浏览: 172764 次
  • 性别: Icon_minigender_1
  • 来自: 湖南/株洲
社区版块
存档分类
最新评论

js父窗体调用子窗体

    博客分类：
  • web
HTML 
阅读更多

1.父窗体:(parent.htm)

<html>

<head>

<title></title>
<script>
    function clk()
    {
  
       var v=window.frames[0].window.document.all("t1");
    window.frames["c1"].window.childMehtod();
       for(var i=0;i<v.length;i++)
  {
   if(v[i].checked)
   {
    alert("checkedValue="+v[i].value);
   }
  }
    }
</script>
</head>

<body>
    <input type="button" name="abtn1" value="btn" onclick="clk()"/>
     <iframe src="child.htm" id="f1" name="c1"/>
</body>

</html>

 

 

2.子窗体(child.htm)

<html>

<head>

<title></title>
<script>
function childMehtod()
{
 alert('childMehtod');
}
</script>
</head>

<body>
    <form name="f1" id="f1">
        <input type="checkbox" name="t1" value="c1"/>
  <input type="checkbox" name="t1" value="c2"/>
  <input type="checkbox" name="t1" value="c3"/>
    </form>
</body>

</html>

如果是子窗体调用父窗体就好办了使用window.parent或者window.opener

分享到：
| 最近工作情况如何
评论
1 楼 抛出异常的爱 2009-05-18  
document.frames["c1"].xxxx
发表评论

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

相关推荐

    js 子窗体调用父窗体中的方法

    本篇将详细讲解如何使用JavaScript实现子窗体调用父窗体中的方法。 首先，了解一些基本概念： 1. **父窗口（Parent Window）**：打开子窗口的原始窗口。 2. **子窗口（Child Window）**：由父窗口通过`window.open...

    html 模态窗口子窗体调用父窗体的任何函数

    为了实现子窗体调用父窗体的函数，我们需要以下步骤： 1. **定义函数**：在父窗口的JavaScript代码中，首先定义我们需要被调用的函数。例如，我们可以有一个名为`parentFunction`的函数： ```javascript function ...

    JavaScript父子窗体间的调用方法

    本文实例讲述了JavaScript父子窗体间的调用方法。分享给大家供大家参考。具体如下： 如果要打开一个新窗口，使用 window.open( ) 方法。 如果要关闭自身窗口，使用 window.close( ) 方法。 一、父窗体 为了便于父...

    JS子窗口调用父窗口

    ### JS子窗口调用父窗口的关键知识点 #### 一、基本概念 在JavaScript中，有时我们需要从一个子窗口（通常是通过`window.open()`方法打开的新窗口）与父窗口（即打开该新窗口的原始窗口）之间进行交互。这种交互...

    利用模态对话框实现父窗体、子窗体间传值

    在这种情况下，子窗体可以通过Ajax调用服务器端方法，传递数据并接收响应。例如，使用jQuery的Ajax方法： ```javascript $.ajax({ url: 'serverSideMethod', type: 'POST', data: { value: yourValue }, ...

    jQuery实现iframe父窗体和子窗体的相互调用

    // 调用子窗体中的方法 iframeWindow.test(); // 获取子窗体的DOM内容 alert(iframeWindow.document.body.outerHTML); }); ``` 在子窗体中获取父窗体的变量和函数： ```javascript function getParentContent...

    如何刷新某窗体的父窗体

    这里，`this`代表当前页面实例，这样我们就可以在关闭子窗体的同时，通过JavaScript操作父窗体的浏览器窗口，从而达到刷新父窗体的目的，而不会像使用`Response.Redirect`那样弹出确认对话框。 需要注意的是，这种...

    子窗体最大化与父窗体菜单合并的案例

    3. 在父窗体中，添加一个事件处理程序，例如按钮的`Click`事件，调用子窗体的`MaximizeForm`方法。 4. 考虑到窗体之间的交互，可以使用`Show`或`ShowDialog`方法来显示子窗体，并传递必要的数据。 在ASP.NET中，...

    子窗体传值给父窗体的select

    1. **子窗体与父窗体通信**：在JavaScript或者类似的客户端脚本语言中，子窗体和父窗体之间的通信可以通过多种方式实现。如果子窗体是弹出的模态对话框，通常可以通过事件监听和回调函数来传递信息。例如，可以在子...

    ShowModalDialog父窗体向子窗体传值

    总的来说，`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式，它们提供了在父窗口与子窗口之间传递数据的机制，同时也能够定制对话框的外观和行为。在实际应用中，根据需求...

    无刷新 子窗体传值父窗体

    在IT行业中，尤其是在Web开发领域，"无刷新子窗体传值父窗体"是一个常见的需求，它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容，提高交互性和效率。在这个...

    js关闭子窗体刷新父窗体实现方法

    本文将详细介绍如何通过JavaScript实现关闭子窗体并刷新父窗体的多种方法。 首先，我们要理解JavaScript中的几个关键对象和属性。window对象代表了浏览器中打开的一个窗口，每个window对象都拥有一个opener属性，该...

    子窗体与父窗体传值示例js代码

    在JavaScript编程中，特别是在网页交互和窗口管理中，子窗体与父窗体之间的通信是非常常见的需求。子窗体可以是弹出的模态对话框，也可以是框架集中的子框架，而父窗体则是包含这些子窗口的主页面。在处理用户交互或...

    jQuery子窗体取得父窗体元素的方法

    在进行Web开发时，我们经常会遇到需要在一个子窗体中获取父窗体元素的情况。特别是当页面使用了iframe、弹出窗口（window.open）或模态对话框（showModelDialog）的时候，如何从子窗体访问并操作父窗体的元素就显得...

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

    在EasyUI中，我们可能会遇到需要在弹出窗口（子页面）与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先，让我们理解标题中的“弹出window窗口传值”。在EasyUI中，创建一个弹出窗口...

    JS父页面与子页面相互传值方法

    JavaScript（JS）是一种广泛用于网页和网络应用的脚本语言，尤其在处理页面交互和数据传递方面发挥着重要作用。在多页面应用或者嵌入式框架（如iframe）中，经常需要进行父页面与子页面之间的数据交换。下面将详细...

    通过window.opener控制父窗体

    "通过window.opener控制父窗体"这个主题就是关于如何在JavaScript中实现这种跨窗口交互的技术。下面将详细阐述这个知识点。 一、window.opener属性 `window.opener`是JavaScript中的一个内置属性，它引用了创建...

    子窗口、父窗口和Silverlight之间的相互调用

    首先，我们来探讨**父页面调用子页面中的JS**。在HTML中，我们可以利用`window.open()`函数创建一个新的子窗口。这个函数接受多个参数，包括URL、窗口名称和窗口属性。一旦子窗口被创建，我们可以通过`win`对象与子...

    JavaScript子窗口调用父窗口变量和函数的方法

    本文实例讲述了JavaScript子窗口调用父窗口变量和函数的方法。分享给大家供大家参考。具体如下： 示例1：子窗口是新打开的窗口 父窗口: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

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