`
jiangzhenghua
  • 浏览: 602804 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

iframe 调用子页面的js方法

    博客分类:
  • web
阅读更多

在主页head面中添加:

<script   language=javascript>    
        function showAffix()  
        {  
          document.frames.mainright.right.showAffix();
        }   
</script>

其中mainright和right都是iframe的名称,showAffix是子页面的js方法。

 

其实iframe中主页面不但可以调用子页面的js方法,子页面也可以调用主页面的js方法。

分享到:
评论

相关推荐

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

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

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

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

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

    这些方法可以在实际项目中应用,例如在父页面中调用 iframe 子页面的 js 函数来实现某些操作,或者在 iframe 子页面中调用父页面的 js 函数来实现某些操作。 相关知识点 1. iframe 子父页面调用 js 函数的示例 2. ...

    js中iframe调用父页面的方法

    本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下: 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 ...

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

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

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

    标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中,有一些不同的处理方式。 首先,获取`iframe`页面的引用是...

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

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

    iframe自适应子页面内容高度

    首先,由于同源策略的限制,只有当`iframe`加载的页面与包含它的页面在同一域名下时,我们才能通过JavaScript获取`iframe`的内容信息。若跨域,我们需要依赖`CORS`(跨源资源共享)或者其他技术进行通信。 在同源...

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

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

    js调用iframe实现打印页面内容的方法

    通过上述介绍,我们可以了解到使用JS调用iframe实现页面内容打印的方法主要分为以下几个步骤:准备打印内容、创建并配置iframe、调用打印功能以及处理打印后的清理工作。这些技术手段为网页开发者提供了灵活的方式来...

    父窗口调用iframe子窗口方法

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

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

    ### Iframe父页面与子页面互相调用 在Web开发中,经常需要用到iframe来嵌套显示其他页面。本文将通过一个具体的示例介绍如何实现iframe中的父页面与子页面之间的互相调用,以及子页面中再嵌套iframe时的相关操作。 ...

    js中iframe调用父页面的方法.docx

    下面我们将详细介绍`js`中`iframe`调用父页面方法的相关知识点。 1. **基本调用方式** 在`iframe`中的页面,可以通过`window.parent`属性来访问父页面的全局对象,从而调用父页面中定义的函数。例如,如果父页面有...

    Jquery调用iframe父页面中的元素及方法

    不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...

    demo_DEMO_子页面刷新父页面iframe_

    在父子页面关系中,IFrame中的页面(子页面)与包含它的页面(父页面)可以进行一定程度的交互。 描述“子页面刷新父页面”指出我们要解决的是从子页面出发,如何刷新包含它的父页面。这通常通过JavaScript来实现,...

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    iframe弹出框遮罩父类页面

    6. **易于使用**:由于描述中提到,所有代码都在子页面内部,这意味着用户只需要在子页面中引入必要的JavaScript和CSS,然后调用相关的函数即可,无需修改父页面的代码,提高了代码的可维护性和复用性。 在提供的`...

    在iframe框架中打开页面的方法

    在实际开发中,确保iframe内容加载后可以正确显示和交互,开发者需要确保目标页面的域名和协议与主页面兼容,避免由于跨域策略导致的内容加载问题。另外,在设计包含iframe的页面时,应该考虑到用户的体验,以及不同...

    子页面访问父页面和跨iframe访问(ie 和火狐)

    在JavaScript中,`window.parent`对象提供了从子页面访问父页面的方法。例如,如果你想在子页面中改变父页面的一个元素,你可以这样做: ```javascript var parentElement = window.parent.document....

Global site tag (gtag.js) - Google Analytics