`

js iframe 窗口间方法与参数的调用

 
阅读更多

 

模块化窗体取父页面的id值的方法

 

1. window.dialogArguments.document.getElementById('ID').value;

2. $('#gsId',window.dialogArguments.document).val();

 

 

 

调用父页面上(某一个iframe中)的方法

1.iframe

//间距 大小   取父页面上的值

var jjId =$("#jjId",window.parent.document).val();

//调用父页面的方法

parent.addDIV(sxId, sxZ);

 

 

//调用某一个页面上的方法

$(window.frames["iframeName"].document).find("#testId").html();

 

 

2.模块化窗体

window.dialogArguments.chickSx(sx_idList[i],sx_mcList[i]);

 

 

3.模块化窗体掉父页面方法

window.dialogArguments.parent.showSxPageForFlId();

 

 

4.调用 两层模块化窗体 到父页面的方法

window.parent.dialogArguments.parent.dialogArguments.addSxForMyTree();

 

 

 

Iframe中相互调用当前操作作用域的方法 原理分析

1.左侧Iframe 调用右侧iframe方法

 

2.弹出层调用父页面方法

 

 

原理:通过框架间的调用方法的方式

 

/**
*供别的区域调用 加载查询方式
*xss
*2012-11-10 14:20:50
*/
function clickSearchLoadWayMain(flid,dxId){
	searchLoadWayMain(flid,dxId);
}
 

 

 

 

 

分享到:
评论

相关推荐

    父窗口调用iframe子窗口方法

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

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

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

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

    jquery、js调用iframe父窗口与子窗口元素的方法整理 在Web开发中,iframe是一个常用的技术,用于在一个HTML文档中嵌入另一个HTML文档。然而,在使用iframe时,经常会遇到一个问题:如何在iframe中访问父窗口的元素...

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

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

    同级iframe间的函数调用

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

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

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

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

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

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

    以上就是jQuery和JavaScript调用iframe父窗口与子窗口元素的方法。在实际应用中,要注意跨域问题,如果父页面和iframe的源不同,它们之间的交互可能会受到浏览器同源策略的限制。此外,确保正确引用jQuery库,并且在...

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

    相应的,在子iframe窗口中,要调用父窗口的方法则要通过`window.parent`来引用父窗口对象,并调用父窗口的方法,如下: ```javascript document.getElementById("btnSon").onclick=function(){ parent....

    iframe跨域调用父窗口js.zip

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

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

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

    android中js与java间函数相互调用demo,支持中文传参,无乱码

    本教程将详细讲解如何在Android中实现JS与Java的双向函数调用,以及如何处理中文参数传递时的乱码问题。 1. **WebView组件** Android中的`WebView`组件是实现JavaScript与Java交互的基础。`WebView`可以加载HTML、...

    js-iframe-传值调用实例代码

    这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据,实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先,我们要理解iframe的基本结构。一个iframe标签通常...

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

    在JavaScript中,通过window对象我们可以访问到当前窗口的各种属性和方法,包括与iframe窗口进行交互的功能。以下是一些关键知识点: 1. **iframe的使用**: - iframe元素用于在网页中嵌入另一个HTML文档。其`src`...

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

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

    iframe跨域通信解决方法

    通过`postMessage`,可以实现主页面与`iframe`内页面间的通信。 #### 实现步骤 1. **引入工具文件**:首先需要引入一个名为`crossUtils.js`的工具文件。此文件封装了一些用于处理跨域通信的方法,便于在项目中使用...

    iframe兄弟页面相互调用

    通过这两个属性,我们可以访问到其他`iframe`或父页面的全局对象,进而调用其中的方法或读取变量。 2. **利用`postMessage`和`message`事件:** HTML5引入了`postMessage`API,允许不同源的页面之间安全地传递数据...

    js iframe 打印 打印预览 页眉页脚的设置

    在JavaScript(JS)中,利用iframe进行打印和打印预览是常见的需求,特别是在网页开发中。这个场景下,我们可能需要自定义页眉和页脚,以提供更专业的打印效果。下面将详细介绍如何通过JS实现这个功能。 首先,我们...

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

    总结来说,`iframe`与父页面间的通信主要依赖于JavaScript的DOM接口、`postMessage`/`message`事件以及URL参数和Web存储。在实际应用中,开发者应根据项目需求和安全性考虑选择合适的通信方式。了解这些方法,可以...

    iframe和父窗口通讯实例

    而关于`iframe`与父窗口之间的通信,是Web开发中的一个重要概念,它允许两个独立的上下文之间进行数据交换,即`iframe`内容与包含它的父页面进行互动。 在`iframe`和父窗口通信的过程中,主要涉及以下几个知识点: ...

Global site tag (gtag.js) - Google Analytics