`

iframe父类与子类之间函数调用

阅读更多
子页面调用父类JavaScript
1:window.top //最顶层窗口
2:window.self //当前窗口
3:window.parent //父级窗口
iframe父页调用子页函数:
主页:

父页面:t1.jsp
<iframe    name=a1    id=iframe1    src="t2.asp"></iframe>  
   <input    type=button    value=button1    name=button1  
   onclick="a1.window.Test()">  

子页面t2.jsp:

<script>  
  function Test(){  
    alert("TEST");  
  }  
</script>

分享到:
评论

相关推荐

    用js互相调用iframe页面内的js函数

    在这个场景下,涉及到的一个常见需求就是如何用JavaScript在主页面与`iframe`页面之间互相调用函数,以便于进行更复杂的交互。 标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面...

    同级iframe间的函数调用

    标题“同级iframe间的函数调用”涉及的是如何在不同`iframe`之间共享数据和交互,这是跨域安全策略下实现页面间通信的一种方式。 在同一个域名下,`iframe`可以相互访问,这是因为它们被视为同一源(same-origin ...

    iframe子父页面调用js函数示例.docx

    "iframe子父页面调用js函数示例" 在实际项目中,iframe 子父页面调用 js 函数是非常有用的。下面是一个示例,演示如何在 iframe 子页面中调用父页面的 js 函数,以及如何在父页面中调用 iframe 子页面的 js 函数。 ...

    iframe弹出框遮罩父类页面

    标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中提到,通过查看demo中的`layout.html`页面可以直观地看到效果,并且实现这一功能并不需要在父页面中编写子页面的JavaScript或弹出框代码,所有...

    js实现iframe跨页面调用函数的方法

    总结来说,通过`window.frames`和`parent`属性,我们可以实现JavaScript在iframe跨页面之间的函数调用。这在构建交互性强的Web应用时非常有用,如动态加载内容、通信传递数据等。理解并掌握这种技术对于提升Web开发...

    js调用浏览器打印模块实现点击按钮触发自定义函数

    在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中,我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法,该方法...

    javascript iframe内的函数调用实现方法

    但是,如果两个页面同源,或者是主页面与iframe页面之间有明确的跨域通信协议允许,那么可以使用几种方法来实现函数调用。 文档中提到的实现方法是在主页面中直接调用iframe页面中定义的JavaScript函数。以下是具体...

    javscript调用iframe框架页面中函数的方法_.docx

    JavaScript调用IFrame框架页面中函数的方法是一种常见的前端交互技术,尤其在构建复杂网页应用时,IFrame常用于模块化加载和隔离不同部分的代码。本文将深入探讨如何在JavaScript中实现这一功能,并提供相关示例。 ...

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

    5. 子类iframe内调用父类函数 在iframe中,可以使用以下代码来调用父类函数: ``` window.parent.func(); ``` 其中,`func`是父类函数的名称。 jquery和js都提供了多种方法来调用iframe父窗口与子窗口元素。开发者...

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

    5. **子类iframe内调用父类函数**: 如果在iframe子页面中需要调用父页面定义的函数,可以直接使用`window.parent`来引用。假设有一个名为`func`的函数在父页面中定义,我们可以在子页面中这样调用: ```...

    iframe子父页面调用js函数示例

    与之相关的常见需求是实现子父页面之间的交互,例如调用JavaScript函数。本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中,要...

    父窗口调用iframe子窗口方法

    总的来说,理解和掌握如何在父窗口与`iframe`子窗口之间进行通信是Web开发中的重要技能,尤其在处理复杂页面结构和跨窗口数据交换时。通过学习和实践这些技术,开发者可以更好地构建交互丰富的Web应用。

    iframe父页面与子页面互相调用

    本文将通过一个具体的示例介绍如何实现iframe中的父页面与子页面之间的互相调用,以及子页面中再嵌套iframe时的相关操作。 #### 1. 基本概念 首先我们需要了解几个基本的概念: - **父页面(Parent Frame)**:指...

    Javscript调用iframe框架页面中函数的方法__1.docx

    与之相反,如果需要在iframe内部调用父页面的函数,可以使用`parent`或`parent.window`。例如,在iframe的JavaScript代码中,如果要调用父页面的`ff`函数,可以这样做: ```javascript parent.window.ff(); ``` ...

    iframe中子父类窗口调用JS的方法及注意事项

    在使用iframe进行Web开发时,经常会遇到需要在父窗口和嵌入的子iframe页面间相互调用JavaScript函数的场景。本文将详细介绍如何在iframe中实现子窗口与父窗口间的JavaScript方法调用以及在操作过程中需要注意的事项...

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

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    iframe父与子、子与子之间控制以及js相互调用实际例

    3. **子iframe与子iframe的通信:** - 通过`parent`和`contentWindow`的组合,可以实现子iframe间的通信。首先,一个子iframe通过`parent`访问到父页面,然后父页面再通过`contentWindow`访问到另一个子iframe。 *...

    web前端iframe相互调用方法详解

    问题的核心在于,如何在不同层级的iframe之间调用这些函数。 1. 子页面调用父页面的方法: - 如果子页面需要调用其直接父页面中的方法,可以使用parent对象。这是因为parent对象指向的是包含当前iframe的直接父...

    iframe兄弟页面相互调用

    在多页面交互的场景下,`iframe`中的子页面与父页面以及与其他兄弟`iframe`之间的通信就显得尤为重要。本文将详细讲解如何实现`iframe`兄弟页面之间的相互调用。 首先,理解`iframe`的结构是关键。一个`iframe`元素...

    解决同一页面中两个iframe互相调用jquery,js函数的方法

    如果要在iframe之间互相调用jQuery或JavaScript函数,首先确保它们都是同源的,否则会遇到安全限制,导致无法互相通信。 在本文的示例中,页面a.html中嵌入了两个iframe,分别命名为left和main1。这两个iframe对应...

Global site tag (gtag.js) - Google Analytics