`

在frame的主窗口和子窗口之间的传值和方法调用

阅读更多
在frame中的子页面调用其他子页面的变量和方法:
1. parent.document.frames("子页面name").子页面方法();
2. parent.子页面name.子页面方法();
3. parent.frames["子页面name"].子页面方法();
例如:
1. parent.document.frames("top").tops();
2. parent.top.tops();
3. parent.frames["top"].tops();

在frame中主页面调用其他子页面的变量和方法:
1.子页面name.子页面方法()
2.子页面name.子页面变量

如下例子:
1.index.html:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	function ppp(){
		alert("I'm parent");
		}
</script>
</head>

    <frameset rows="18%,*"   framespacing="0">
        <frame src="top.html" name="top" scrolling="No" noresize="noresize"   frameborder="no"/>
        
        
        <frameset cols="70%,*">
            
            <frame src="left.html"  name="left"  scrolling="No" noresize="noresize" title="leftFrame"  frameborder="no"/>
            <frame src="right.html" name="right"  scrolling="auto" noresize="noresize"  title="message" frameborder="no"/> 
        </frameset>    
        
    </frameset>
    <noframes></noframes>
<body>   
</body>
</html>


2.top.htlm
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>top</title>
<script type="text/javascript">
	function tops(){
		alert("I'm top");
		}
</script>
</head>

<body bgcolor="#CCCCFF">
top
</body>
</html>


3.left.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>left</title>
</head>
<script type="text/javascript">
	function test1(){
		parent.document.frames("top").tops();
		//parent.top.tops();
		//parent.frames["top"].tops();
		}
</script>
<body bgcolor="#0099FF">
left
</body>
<input type="button" onclick="test1()" value="调用top" />
</html>


4.right.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>right</title>
</head>

<body bgcolor="#99CC99">
right
</body>
</html>
1
0
分享到:
评论

相关推荐

    frame与frame之间如何用JavaScript传值

    本文将详细讲解如何使用JavaScript在frame与frame之间进行值的传递。 首先,了解基本概念。`window`对象是浏览器的全局对象,它提供了对浏览器窗口的各种控制,包括访问框架。`frames`属性是`window`对象的一个成员...

    父窗口调用iframe子窗口方法

    在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...

    二个iframe之间传值 的小例子

    总结,通过以上方式,我们可以实现在多个`iframe`之间灵活地传递数据和调用JavaScript方法,创建出丰富的交互体验。在实际应用中,需要根据浏览器兼容性和安全策略选择合适的方法。对于提供的源码,具体实现细节需...

    frameSet应用 子父窗口传值

    总结,`frameSet`在实现多窗口布局和子父窗口通信时发挥了作用,但在现代Web开发中,为了更好的用户体验和兼容性,建议使用`iframe`和JavaScript的`postMessage`方法来替代。同时,利用JSP或类似的服务器端技术可以...

    Chrome下ifame父窗口调用子窗口的问题示例探讨

    1. 使用`postMessage`和`message`事件:通过`window.postMessage`方法在父窗口向子窗口发送消息,然后在子窗口监听`message`事件来接收并处理消息。这是一种标准的跨窗口通信方法,不受同源策略限制。 2. 如果控制着...

    frameset父页面和子页面的方法之间调用个属性的调用(页面上可以包含iframe)

    在标题和描述中提到的"frameset父页面和子页面的方法之间调用个属性的调用",涉及到的是跨框架通信的概念。当一个`frameset`中有多个`frame`或`iframe`时,它们之间可能需要进行数据交换或操作交互。这种交互可以...

    WPF子界面嵌入主窗口示例代码

    现在,你可以通过调用这些方法来在主窗口中切换子界面。例如,可以通过按钮点击事件来触发切换: ```xml &lt;!-- MainWindow.xaml --&gt; 切换到Page1" Click="SwitchToPage1"/&gt; 切换到Page2" Click="SwitchToPage2"/&gt; ``...

    iframe与父页面传值(方法互调)

    然而,当涉及到`iframe`与父页面之间的通信时,就需要用到一些特殊的方法来实现数据的传递和函数调用。本篇文章将深入探讨如何在`iframe`与父页面之间进行值的传递以及方法的互相调用。 首先,我们可以通过...

    jquery、js调用iframe父窗口与子窗口元素的方法整理

    假设有一个名为`func`的函数在父页面中定义,我们可以在子页面中这样调用: ```javascript window.parent.func(); ``` 以上就是jQuery和JavaScript调用iframe父窗口与子窗口元素的方法。在实际应用中,要注意...

    在iframe中调用js父页面和子页面方法

    在网页开发中,`iframe`...本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中,我们可以通过`&lt;iframe&gt;`标签来插入一个框架,例如: ```html ...

    frame之间进行参数传递例子

    本篇将详细探讨如何在“frame”之间进行参数传递,以及相关的源码分析和技术工具的应用。 标题中的“frame”通常指的是程序中的帧或者视图,尤其在Web开发中,它可能指的是HTML框架或JavaScript中的帧对象。在多层...

    iframe子向父传值实例.rar

    在网页开发中,有时我们需要在不同的页面或者框架之间进行数据交互,这时`iframe`子向父页面传递值就显得尤为重要。本示例“iframe子向父传值实例”旨在提供一个解决方案,帮助开发者应对跨域问题,从而实现iframe...

    JavaScript操作iframe父窗口和子窗口例子

    在Web应用程序中,iframe(Inline Frame)常用于嵌入其他网页或者实现页面的局部刷新,而父窗口与子窗口之间的通信则能实现更复杂的交互逻辑。 在JavaScript中,通过window对象我们可以访问到当前窗口的各种属性和...

    frame之间以及子页面和父页面间参数传递

    ### Frame之间及子页面与父...通过上述介绍,我们可以看到在JSP页面中实现`frame`之间或子页面与父页面之间的参数传递有多种方法,每种方法都有其适用场景。在实际开发过程中,可以根据具体需求选择合适的技术方案。

    MDI子窗口管理及子窗口创建

    在MDI应用中,主窗口称为MDI父窗口,而每个单独的文档窗口则称为MDI子窗口。MDI子窗口通常在父窗口内部浮动或可以被排列成不同的布局。 MFC中的多文档模板(CDocTemplate)类是MDI应用程序的核心,它负责管理和关联...

    函数之间调用同一个对象方法

    在探讨“函数之间调用同一个对象方法”的主题时,我们首先需要理解几个核心概念:函数、对象、方法以及事件监听器。这些概念是现代编程语言,尤其是面向对象编程语言中的基石,它们共同构建了复杂软件系统的逻辑框架...

    Delphi中frame的使用

    当按钮被点击时,将调用 LoadFrameByClassName 方法,并传入相应的 Frame 类名,从而加载相应的 Frame 实例。 Delphi 中 Frame 的使用可以提高开发效率和代码可读性,并且可以满足复杂的布局需求。但是,需要注意 ...

    iframe父页面与子页面通信及相互调用方法

    - **`.on()`和`.off()`**:在子页面上绑定或解绑事件处理函数。 5. **示例代码** - 父页面向子页面发送消息: ```javascript var iframe = $('#myIframe')[0]; iframe.contentWindow.postMessage('Hello from ...

    WPF的Window窗口与Page页相互调用demo

    本示例将探讨如何在WPF中实现Window窗口与Page页之间的相互调用,构建一个简单的导航框架。 首先,了解Window和Page的基本概念: 1. **Window**: WPF中的顶级窗口,它可以包含多个元素,如ContentControl、Canvas等...

    iframe 子父界面 传值.zip

    在子页面中,可以通过`window.location.search`获取查询字符串,解析出参数: ```javascript var searchParams = new URLSearchParams(window.location.search); var param1 = searchParams.get('param1'); var ...

Global site tag (gtag.js) - Google Analytics