父窗口与iFrame之间调用方法和元素

父窗口与iFrame之间调用方法和元素

父窗口调用子窗口:

调用元素

js格式:
var obj=document.getElementById("iframe的name").contentWindow;
var ifmObj=obj.document.getElementById("iframe中控件的ID");
ifmObj.click();
实例:
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.getElementById("btnOk");
ifmObj.click();

jQuery

格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1  
  实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1

格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2  
  实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

调用方法和变量

格式:$("#iframe的ID")[0].contentWindow.iframe方法();
实例:$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法

子窗口调用父窗口:

调用元素

js格式:window.parent.document.getElementById("父窗口的元素ID").click();  
实例:window.parent.document.getElementById("btnOk").click();

jQuery格式:$(‘#父窗口中的元素ID‘, parent.document).click();  实例:$(‘#btnOk‘, parent.document).click();

调用方法和变量

window.parent.aa();//调取aa函数
    window.parent.bb;//调取bb变量

例如:想在子页面中得到id为aaa的文本框的值

window.parent.$("#aaa").val();//这种写法的前提是引用了jquery

window.parent.getElementById("aaa").value; //js的写法

时间: 2024-08-27 13:22:19

父窗口与iFrame之间调用方法和元素的相关文章

HTML父窗口与IFRAME中变量互访

1.HTML父窗口访问IFRAME中变量或函数 在父窗口脚本中写: //调用变量赋值 IframeObj.contentWindow.someVar = "test is ok"; //调用函数 IframeObj.contentWindow.someFunction(); 2.HTML中IFRAME访问父窗口中变量或函数 假设在父窗口脚本中具有方法: function showMsg(str){ alert('Read from iframe:'+ str); } 则在IFRAME可

JavaScript子窗口调用父窗口变量和函数的方法

在做一个父窗口开启子窗口并且在子窗口关闭的时候调用父窗口的方法,达到局部刷新的目的. 父窗口: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html xmlns=" http://www.w3.org/1999/xhtml&qu

父窗口 和 iframe 互相访问

在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click(); 2. 格式: var obj=document.getElementByIdx_

主页面、iframe之间调用以及传值

主页面.iframe之间的调用和传值,无非就是两个交互形式: 主页面与子页面的交互 子页面之间的交互 接下来要讲的是四种交互传值的方式:利用postMessage方法传值.DOM操作传值.URL方式传值.利用全局属性传值 利用postMessage方法传值 这种方式非常像事件绑定.监听.postMessage方法接收两个参数:一条消息.一个表示消息接收方来自哪个域的字符串.第二个参数对保障安全通信非常重要,可以防止浏览器把消息发送到不安全的地方. 下面是应用实例: //主页面发送消息 var m

框架父子页面iframe相互调用方法

如果你采用嵌入iframe机制不可避免的要用到各个iframe页面之间方法和属性的相互调用.这里介绍的是兼容各个浏览器的iframe调用方式. 这里设定有3个页面一个父页面main.html它嵌入了两个iframe分别是childPage1.html和childPage2.html main.html有一个函数叫parentFunc().main.html代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

MVC视图之间调用方法总结

调用视图方式有两种: 一:直接调用(不通过controller) <body> @Html.Partial("../Shared/Error"); </body> 二:通过controller调用 <body> @Html.Action("Dismode","Shared") </body> 注: Action.RenderAction加载方法的视图,执行Controller→ Model → Vi

python中不同包之间调用方法、

在pycharm中... 当两个py文件在同一个文件夹下的时候.直接from 文件名 import *  即可 当两个文件在不同的文件夹下的时候.需要在文件中加入 _init_.py 文件.里面可以什么也不用写.但是需要有这个文件. 然后 import 文件夹名.py文件名  import  *  就可以调用不同文件夹下的 A文件夹 B文件夹 _init_.py D.py c.py e.py c中导入e: from e import * c中导入D: from B文件夹.D import * D

iframe子窗口父窗口方法调用和元素获取

1.父窗口调用iframe里面的方法 iframename.window.method(); 2.子窗口调用父窗口方法 parent.window.method(); 3.父窗口获取iframe里面元素 $("#id",document.frames["iframename"].document); 4.子窗口获取父窗口元素 $("#id",parent.document);

JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一.Iframe 篇 公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { var IsIE = (navigator.appName == 'Microsoft Internet Explorer') if(IsIE) {//如果是IE alert(document.frames(ObjectID).document.getElementById(ContentID).i