`

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

 
阅读更多

 

比如一个框架使用使用iframe。 左侧的iframe中.需要调用父窗体的方法;

 

//关闭左侧菜单;
function menu_close(){
 window.parent.menu_setProperties();
}

function menu_setProperties(){
 //在这里可以对父窗体中的表单或者属性进行操作;
 var menu= jQuery("#leftMenuID").parent();
 jQuery(menu).fadeOut(200);
 jQuery("#imgButton").get(0).src="/shopping/images/leftMenuHide.jpg";
}

 

 

 

分享到:
评论

相关推荐

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

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

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

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

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

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

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

    在Web开发过程中,我们经常需要在父页面和iframe...总之,通过本文,读者应该能够掌握使用jQuery实现iframe父窗体和子窗体相互调用的方法,并了解在此过程中需要注意的要点。这将有助于提高Web应用的用户体验和交互性。

    让iframe子窗体取父窗体地址栏参数(querystring)

    让iframe子窗体取父窗体地址栏参数(querystring)</title> [removed] function f(){ //http://localhost:4101/MyFiles/netshop/ShopType.aspx?tid=1 var url = [removed].href;//取得地址栏 var pos = url....

    父窗口调用iframe子窗口方法

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

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

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

    js中iframe调用父页面的方法

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

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

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

    js实现ifram取父窗口URL地址的方法

    本文介绍的JavaScript方法,就是如何在iframe中实现获取父窗口URL地址的过程。这一过程利用了JavaScript中的window.parent对象,它是iframe元素与父窗口之间的桥梁。 首先,理解window对象在JavaScript中的地位非常...

    Web页面实现子窗体更新父窗体

    综上所述,实现Web页面的子窗体更新父窗体功能,需要掌握JavaScript的跨窗口通信机制,包括`window.opener`、`window.postMessage`、事件监听以及安全策略。通过合理应用这些技术,可以创建出更丰富的交互式Web应用...

    iframe跨域调用父窗口js.zip

    但是,通过特定的技术手段,我们可以实现iframe跨域调用父窗口的JavaScript方法。本教程将详细讲解这一过程。 首先,我们需要了解同源策略。同源策略是浏览器为了保护用户安全而实施的一项机制,它规定只有当两个...

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

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

    iframe页跳转父窗体

    ### iframe页跳转父窗体知识点详解 #### 一、iframe基本概念 在开始之前,我们首先了解一下`iframe`的基本概念。`iframe`是HTML的一个元素,全称为“Inline Frame”,即内联框架。它允许网页中嵌入另一个网页或者...

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

    在父窗口中,若想调用子iframe中的方法,可以通过`iframe`的name或id属性获取到iframe元素,并通过其`contentWindow`属性访问到iframe的Window对象,进而调用方法。例如: ```javascript document.getElementById(...

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

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

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

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

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

    本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中,要调用父页面的JavaScript函数,可以使用`window.parent`对象来引用父窗口。...

Global site tag (gtag.js) - Google Analytics